@charset "UTF-8";
.modal-stack-debugger[data-v-2086eec1] {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 380px;
  max-height: 600px;
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  border: 2px solid #0f3460;
  border-radius: 16px;
  -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
  z-index: 9999;
  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
  overflow: hidden;
  backdrop-filter: blur(10px);
}
.debugger-header[data-v-2086eec1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 16px;
  background: rgba(15, 52, 96, 0.5);
  border-bottom: 1px solid #0f3460;
}
.debugger-header h6[data-v-2086eec1] {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: #e94560;
}
.btn-close-debug[data-v-2086eec1] {
  background: none;
  border: none;
  color: #e94560;
  font-size: 24px;
  cursor: pointer;
  line-height: 1;
  padding: 0;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.btn-close-debug[data-v-2086eec1]:hover {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.debugger-body[data-v-2086eec1] {
  padding: 16px;
  max-height: 520px;
  overflow-y: auto;
}
.debugger-body[data-v-2086eec1]::-webkit-scrollbar {
  width: 6px;
}
.debugger-body[data-v-2086eec1]::-webkit-scrollbar-track {
  background: rgba(15, 52, 96, 0.3);
}
.debugger-body[data-v-2086eec1]::-webkit-scrollbar-thumb {
  background: #0f3460;
  border-radius: 3px;
}
.debug-section[data-v-2086eec1] {
  margin-bottom: 20px;
}
.section-title[data-v-2086eec1] {
  font-size: 12px;
  font-weight: 700;
  color: #00d4ff;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.empty-state[data-v-2086eec1] {
  padding: 12px;
  text-align: center;
  color: #6c757d;
  font-size: 12px;
  font-style: italic;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
}
.modal-list[data-v-2086eec1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.modal-item[data-v-2086eec1] {
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(15, 52, 96, 0.5);
  border-radius: 8px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.modal-item[data-v-2086eec1]:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: #0f3460;
}
.modal-item.is-active[data-v-2086eec1] {
  background: linear-gradient(135deg, rgba(233, 69, 96, 0.2) 0%, rgba(233, 69, 96, 0.1) 100%);
  border-color: #e94560;
}
.modal-item.history-item[data-v-2086eec1] {
  opacity: 0.7;
}
.modal-info[data-v-2086eec1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.modal-index[data-v-2086eec1] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  background: #0f3460;
  color: #00d4ff;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
}
.modal-icon[data-v-2086eec1] {
  font-size: 16px;
  margin-right: 4px;
}
.modal-id[data-v-2086eec1] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  font-family: 'SF Mono', monospace;
}
.modal-type[data-v-2086eec1] {
  padding: 2px 8px;
  background: rgba(0, 212, 255, 0.2);
  color: #00d4ff;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
}
.modal-meta[data-v-2086eec1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-time[data-v-2086eec1] {
  font-size: 10px;
  color: #6c757d;
}
.active-badge[data-v-2086eec1] {
  padding: 2px 6px;
  background: #e94560;
  color: #fff;
  border-radius: 4px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.debug-actions[data-v-2086eec1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(15, 52, 96, 0.5);
}
.btn-action[data-v-2086eec1] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 8px 12px;
  background: rgba(0, 212, 255, 0.1);
  border: 1px solid rgba(0, 212, 255, 0.3);
  color: #00d4ff;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn-action[data-v-2086eec1]:hover {
  background: rgba(0, 212, 255, 0.2);
  border-color: #00d4ff;
}
.btn-action.danger[data-v-2086eec1] {
  background: rgba(233, 69, 96, 0.1);
  border-color: rgba(233, 69, 96, 0.3);
  color: #e94560;
}
.btn-action.danger[data-v-2086eec1]:hover {
  background: rgba(233, 69, 96, 0.2);
  border-color: #e94560;
}
.debugger-toggle[data-v-2086eec1] {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #e94560 0%, #c72c4d 100%);
  border: 2px solid #0f3460;
  border-radius: 50%;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  z-index: 9998;
  -webkit-box-shadow: 0 4px 20px rgba(233, 69, 96, 0.4);
          box-shadow: 0 4px 20px rgba(233, 69, 96, 0.4);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.debugger-toggle[data-v-2086eec1]:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-box-shadow: 0 6px 30px rgba(233, 69, 96, 0.6);
          box-shadow: 0 6px 30px rgba(233, 69, 96, 0.6);
}
.debugger-toggle.has-modals[data-v-2086eec1] {
  -webkit-animation: pulse-2086eec1 2s infinite;
          animation: pulse-2086eec1 2s infinite;
}
.count-badge[data-v-2086eec1] {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 24px;
  height: 24px;
  background: #00d4ff;
  color: #1a1a2e;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #1a1a2e;
}
@-webkit-keyframes pulse-2086eec1 {
0%, 100% {
    -webkit-box-shadow: 0 4px 20px rgba(233, 69, 96, 0.4);
            box-shadow: 0 4px 20px rgba(233, 69, 96, 0.4);
}
50% {
    -webkit-box-shadow: 0 4px 30px rgba(233, 69, 96, 0.8);
            box-shadow: 0 4px 30px rgba(233, 69, 96, 0.8);
}
}
@keyframes pulse-2086eec1 {
0%, 100% {
    -webkit-box-shadow: 0 4px 20px rgba(233, 69, 96, 0.4);
            box-shadow: 0 4px 20px rgba(233, 69, 96, 0.4);
}
50% {
    -webkit-box-shadow: 0 4px 30px rgba(233, 69, 96, 0.8);
            box-shadow: 0 4px 30px rgba(233, 69, 96, 0.8);
}
}

body {
  font-family: var(--tblr-font-sans-serif);
  font-size: var(--tblr-font-size-base);
  line-height: var(--tblr-line-height-base);
  color: var(--tblr-body-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#app-loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 9999;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.a11y-wrapper[data-v-55bb82f2] {
  position: fixed;
  z-index: 1041; /* Sobre contenido, debajo de modales Bootstrap (1050+) */
}
.a11y-overlay[data-v-55bb82f2] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1038; /* Debajo del panel y FAB */
}

/* Transiciones del panel */
.a11y-panel-enter-active[data-v-55bb82f2],
.a11y-panel-leave-active[data-v-55bb82f2] {
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.a11y-panel-enter-from[data-v-55bb82f2],
.a11y-panel-leave-to[data-v-55bb82f2] {
  opacity: 0;
  -webkit-transform: scale(0.9) translateY(20px);
          transform: scale(0.9) translateY(20px);
}

/* Estilos del panel ya están en accessibility.css */

/* Estilos personalizados para el header */
.navbar[data-v-9c47e3cf] {
    position: fixed !important; /* ALWAYS fixed on top */
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1030;
    width: 100% !important;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05);
            box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    background-color: #fff;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 1rem 0;
}
.navbar-container[data-v-9c47e3cf] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}

/* Navbar fijo para timeline - Estados especiales */
.navbar-fixed[data-v-9c47e3cf] {
    /* Already fixed by default, just add special timeline styles */
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/* Estado Scrolled (cuando el usuario baja) */
.navbar-scrolled[data-v-9c47e3cf] {
    padding: 0.5rem 0; /* Shrink padding */
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.has-fixed-navbar .page-center[data-v-9c47e3cf] {
    padding-top: 120px; /* Space for the larger initial navbar */
}

/* Logo Animation */
.logo-img[data-v-9c47e3cf] {
    height: 50px; /* Default compact size for non-timeline pages */
    width: auto;
    -webkit-transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Larger logo only on timeline page */
.navbar-fixed .logo-img[data-v-9c47e3cf] {
    height: 80px; /* Large size for timeline */
}
.navbar-scrolled .logo-img[data-v-9c47e3cf] {
    height: 50px; /* Shrunk size when scrolled */
}

/* Timeline section in navbar */
.navbar-timeline-section[data-v-9c47e3cf] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 2rem;
    padding: 0 1.5rem;
    margin-left: 1.5rem;
    border-left: 2px solid rgba(95, 36, 159, 0.15);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Greeting Styles */
.timeline-greeting[data-v-9c47e3cf] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 0.5rem;
    line-height: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.greeting-prefix[data-v-9c47e3cf] {
    font-size: 0.9rem;
    font-weight: 500;
    color: #64748b;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Hide prefix on scroll to save space/clean up */
.navbar-scrolled .greeting-prefix[data-v-9c47e3cf] {
    opacity: 0;
    width: 0;
    overflow: hidden;
}
.greeting-name[data-v-9c47e3cf] {
    font-size: 1.35rem;
    font-weight: 700;
    color: #5F249F;
    white-space: nowrap;
    line-height: 1;
    -webkit-transition: font-size 0.3s ease;
    transition: font-size 0.3s ease;
    margin: 0;
}
.navbar-scrolled .greeting-name[data-v-9c47e3cf] {
    font-size: 1.1rem;
}

/* Progress bar in navbar */
.timeline-progress[data-v-9c47e3cf] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.75rem;
    min-width: 200px;
    max-width: 300px;
    margin-left: auto;
}
.progress-track[data-v-9c47e3cf] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 8px;
    background: rgba(0,0,0,0.05);
    border-radius: 4px;
    overflow: hidden;
}
.progress-fill[data-v-9c47e3cf] {
    height: 100%;
    background: #5F249F; /* Solid purple instead of gradient */
    border-radius: 4px;
    width: 0%;
    -webkit-transition: none;
    transition: none;
}
.progress-fill.animate[data-v-9c47e3cf] {
    -webkit-transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
    transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
}
.progress-label[data-v-9c47e3cf] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #5F249F;
    min-width: 40px;
}
@media (max-width: 992px) {
.navbar-timeline-section[data-v-9c47e3cf] {
        margin-left: 0.5rem;
        gap: 1rem;
}
.greeting-name[data-v-9c47e3cf] {
        font-size: 1.2rem;
        max-width: 250px;
}
}
@media (max-width: 768px) {
.navbar-timeline-section[data-v-9c47e3cf] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 0.5rem;
        padding: 0;
        border-left: none;
        margin-left: 0.5rem;
}
.timeline-greeting[data-v-9c47e3cf] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        gap: 0;
}
.greeting-prefix[data-v-9c47e3cf] {
        font-size: 0.7rem;
        line-height: 1;
}
.greeting-name[data-v-9c47e3cf] {
        font-size: 0.85rem;
        max-width: none;
        white-space: normal;
        line-height: 1.2;
        word-break: break-word;
}

    /* En móvil, el nombre NO crece cuando hace scroll */
.navbar-scrolled .greeting-name[data-v-9c47e3cf] {
        font-size: 0.85rem;
}
.timeline-progress[data-v-9c47e3cf] {
        display: none;
}
.logo-img[data-v-9c47e3cf] {
        height: 50px;
}
.navbar-scrolled .logo-img[data-v-9c47e3cf] {
        height: 40px;
}
.navbar[data-v-9c47e3cf] {
        padding: 0.5rem 0;
}
}
@media (max-width: 576px) {
.greeting-prefix[data-v-9c47e3cf] {
        display: none;
}
.greeting-name[data-v-9c47e3cf] {
        font-size: 0.8rem;
}
.navbar-scrolled .greeting-name[data-v-9c47e3cf] {
        font-size: 0.8rem;
}
.logo-img[data-v-9c47e3cf] {
        height: 45px;
}
}

/* Estilos para el footer */
.footer[data-v-9c47e3cf] {
    padding: 0.75rem 1rem;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    /* Default is NOT fixed */
}

/* Copyright text - hidden until scroll to bottom on fixed footer (mobile only) */
.copyright-text[data-v-9c47e3cf] {
    -webkit-transition: opacity 0.3s ease, max-height 0.3s ease, margin 0.3s ease;
    transition: opacity 0.3s ease, max-height 0.3s ease, margin 0.3s ease;
}

/* En desktop: siempre visible cuando tiene la clase */
@media (min-width: 992px) {
.copyright-text[data-v-9c47e3cf] {
        opacity: 0;
        max-height: 0;
        overflow: hidden;
}
.copyright-text.copyright-visible[data-v-9c47e3cf] {
        opacity: 1;
        max-height: 50px;
}
}

/* En móvil: oculto hasta scroll al final */
@media (max-width: 991.98px) {
.copyright-text[data-v-9c47e3cf] {
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        margin-top: 0;
}
.copyright-text.copyright-visible[data-v-9c47e3cf] {
        opacity: 1;
        max-height: 40px;
        margin-top: 0.75rem;
}
}

/* Footer fijo SOLO para timeline y login */
.footer-fixed[data-v-9c47e3cf] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    -webkit-box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.06);
            box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.06);
    z-index: 1000;
}
.icon-inline[data-v-9c47e3cf] {
    vertical-align: middle;
    margin-right: 0.25rem;
}
.footer a.link-secondary[data-v-9c47e3cf] {
    color: var(--bs-secondary-color);
    -webkit-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out;
}
.footer a.link-secondary[data-v-9c47e3cf]:hover {
    color: var(--bs-body-color);
    text-decoration: none;
}

/* Estilos para iconos de contacto con color */
.footer .link-contact[data-v-9c47e3cf],
.footer .link-social[data-v-9c47e3cf] {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/* Iconos de Contacto */
.footer .icon-phone-contact[data-v-9c47e3cf] {
    color: #206bc4;
}
.footer .icon-phone-contact[data-v-9c47e3cf]:hover {
    color: #1a5aa8;
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
}
.footer .icon-whatsapp-contact[data-v-9c47e3cf] {
    color: #25d366;
}
.footer .icon-whatsapp-contact[data-v-9c47e3cf]:hover {
    color: #1fb855;
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
}
.footer .icon-email-contact[data-v-9c47e3cf] {
    color: #ea4335;
}
.footer .icon-email-contact[data-v-9c47e3cf]:hover {
    color: #d23426;
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
}
.footer .icon-location-contact[data-v-9c47e3cf] {
    color: #dc3545;
}
.footer .icon-location-contact[data-v-9c47e3cf]:hover {
    color: #c82333;
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
}

/* Iconos de Redes Sociales */
.footer .icon-facebook[data-v-9c47e3cf] {
    color: #1877f2;
}
.footer .icon-facebook[data-v-9c47e3cf]:hover {
    color: #0d5fca;
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
}
.footer .icon-instagram[data-v-9c47e3cf] {
    color: #e4405f;
}
.footer .icon-instagram[data-v-9c47e3cf]:hover {
    color: #d62951;
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
}
.footer .icon-linkedin[data-v-9c47e3cf] {
    color: #0a66c2;
}
.footer .icon-linkedin[data-v-9c47e3cf]:hover {
    color: #084d94;
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
}
.footer .icon-youtube[data-v-9c47e3cf] {
    color: #ff0000;
}
.footer .icon-youtube[data-v-9c47e3cf]:hover {
    color: #cc0000;
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
}

/* Estilo para la clase page-center */
.page-center[data-v-9c47e3cf] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    /* padding-bottom removed from here, handled by with-fixed-footer */
}
.with-fixed-footer[data-v-9c47e3cf] {
    padding-bottom: 80px; /* Espacio para el footer fijo */
}
.page[data-v-9c47e3cf] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 100vh;
    scroll-behavior: smooth;
    padding-top: 100px; /* Space for fixed navbar on ALL pages */
}

/* When navbar is hidden (like in CUIK forms), remove top padding */
.page.no-navbar[data-v-9c47e3cf] {
    padding-top: 0;
}
.page > .page-center[data-v-9c47e3cf] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.has-fixed-navbar .page-center[data-v-9c47e3cf] {
    padding-top: 20px; /* Additional space for timeline */
}

/* Dark mode para navbar timeline */
html.a11y-dark-mode .navbar[data-v-9c47e3cf],
[data-bs-theme="dark"] .navbar[data-v-9c47e3cf] {
    background-color: #1e293b;
}
html.a11y-dark-mode .greeting-text[data-v-9c47e3cf],
[data-bs-theme="dark"] .greeting-text[data-v-9c47e3cf] {
    color: #94a3b8;
}
html.a11y-dark-mode .greeting-text strong[data-v-9c47e3cf],
[data-bs-theme="dark"] .greeting-text strong[data-v-9c47e3cf] {
    color: #c4b5fd;
}
html.a11y-dark-mode .progress-track[data-v-9c47e3cf],
[data-bs-theme="dark"] .progress-track[data-v-9c47e3cf] {
    background: #334155;
}
html.a11y-dark-mode .progress-label[data-v-9c47e3cf],
[data-bs-theme="dark"] .progress-label[data-v-9c47e3cf] {
    color: #c4b5fd;
}

/* Dark mode para footer */
html.a11y-dark-mode .footer[data-v-9c47e3cf],
[data-bs-theme="dark"] .footer[data-v-9c47e3cf] {
    background: rgba(30, 35, 48, 0.95);
    border-top-color: rgba(255, 255, 255, 0.1);
}
html.a11y-dark-mode .footer-fixed[data-v-9c47e3cf],
[data-bs-theme="dark"] .footer-fixed[data-v-9c47e3cf] {
    background: rgba(30, 35, 48, 0.95);
    -webkit-box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.2);
            box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.2);
}
html.a11y-dark-mode .footer .list-inline-item[data-v-9c47e3cf],
[data-bs-theme="dark"] .footer .list-inline-item[data-v-9c47e3cf] {
    color: #e8ebf0;
}
html.a11y-dark-mode .footer a.link-secondary[data-v-9c47e3cf],
[data-bs-theme="dark"] .footer a.link-secondary[data-v-9c47e3cf] {
    color: #9ca3af;
}

/* Timeline Page Background */
.page-timeline[data-v-9c47e3cf] {
    background-color: #f8fafc;
}
[data-bs-theme="dark"] .page-timeline[data-v-9c47e3cf] {
    background-color: #0f172a;
}

.page-login[data-v-37d3a605] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 100vh;
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.background-layer[data-v-37d3a605] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://neonet.com.gt/img/web_site/backgrounds/bg_000_light.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -9999;
}
.banner-layer[data-v-37d3a605] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -20%);
            transform: translate(-50%, -20%);
    width: 100%;
    max-width: min(1200px, 90vw);
    height: auto;
    z-index: 1;
    pointer-events: none;
    -webkit-transition: -webkit-transform 0.1s ease-out;
    transition: -webkit-transform 0.1s ease-out;
    transition: transform 0.1s ease-out;
    transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
    will-change: transform;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.banner-image[data-v-37d3a605] {
    width: 100%;
    max-width: min(800px, 80vw);
    height: auto;
    max-height: 60vh;
    -o-object-fit: contain;
       object-fit: contain;
}
.container-tight[data-v-37d3a605] {
    max-width: min(420px, 90vw);
    width: 90%;
    position: relative;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%;
}
.login-form-container[data-v-37d3a605] {
    width: 100%;
}
.glass-card[data-v-37d3a605] {
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.1) 0%,
        rgba(255, 255, 255, 0.05) 100%
    );
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: 
        0 8px 32px rgba(108, 46, 156, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.6),
        inset 0 -1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 
        0 8px 32px rgba(108, 46, 156, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.6),
        inset 0 -1px 0 rgba(0, 0, 0, 0.05);
    border-radius: 2rem;
    position: relative;
    overflow: visible;
    -webkit-animation: liquidGlow-37d3a605 3s ease-in-out infinite;
            animation: liquidGlow-37d3a605 3s ease-in-out infinite;
    max-height: 100%;
}
.card-body[data-v-37d3a605] {
    padding: 2rem 2.5rem !important;
}
.card-body .mb-4[data-v-37d3a605] {
    margin-bottom: 1.5rem !important;
}
.card-body .mb-3[data-v-37d3a605] {
    margin-bottom: 1rem !important;
}
.glass-card[data-v-37d3a605]::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(
        circle,
        rgba(108, 46, 156, 0.1) 0%,
        transparent 70%
    );
    -webkit-animation: liquidMove-37d3a605 10s ease-in-out infinite;
            animation: liquidMove-37d3a605 10s ease-in-out infinite;
    pointer-events: none;
}
.glass-card[data-v-37d3a605]:hover {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-box-shadow: 
        0 16px 48px rgba(108, 46, 156, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        inset 0 -1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 
        0 16px 48px rgba(108, 46, 156, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@-webkit-keyframes liquidGlow-37d3a605 {
0%, 100% {
        -webkit-box-shadow: 
            0 8px 32px rgba(108, 46, 156, 0.1),
            inset 0 1px 0 rgba(255, 255, 255, 0.6),
            inset 0 -1px 0 rgba(0, 0, 0, 0.05);
                box-shadow: 
            0 8px 32px rgba(108, 46, 156, 0.1),
            inset 0 1px 0 rgba(255, 255, 255, 0.6),
            inset 0 -1px 0 rgba(0, 0, 0, 0.05);
}
50% {
        -webkit-box-shadow: 
            0 12px 40px rgba(108, 46, 156, 0.15),
            inset 0 1px 0 rgba(255, 255, 255, 0.7),
            inset 0 -1px 0 rgba(0, 0, 0, 0.08);
                box-shadow: 
            0 12px 40px rgba(108, 46, 156, 0.15),
            inset 0 1px 0 rgba(255, 255, 255, 0.7),
            inset 0 -1px 0 rgba(0, 0, 0, 0.08);
}
}
@keyframes liquidGlow-37d3a605 {
0%, 100% {
        -webkit-box-shadow: 
            0 8px 32px rgba(108, 46, 156, 0.1),
            inset 0 1px 0 rgba(255, 255, 255, 0.6),
            inset 0 -1px 0 rgba(0, 0, 0, 0.05);
                box-shadow: 
            0 8px 32px rgba(108, 46, 156, 0.1),
            inset 0 1px 0 rgba(255, 255, 255, 0.6),
            inset 0 -1px 0 rgba(0, 0, 0, 0.05);
}
50% {
        -webkit-box-shadow: 
            0 12px 40px rgba(108, 46, 156, 0.15),
            inset 0 1px 0 rgba(255, 255, 255, 0.7),
            inset 0 -1px 0 rgba(0, 0, 0, 0.08);
                box-shadow: 
            0 12px 40px rgba(108, 46, 156, 0.15),
            inset 0 1px 0 rgba(255, 255, 255, 0.7),
            inset 0 -1px 0 rgba(0, 0, 0, 0.08);
}
}
@-webkit-keyframes liquidMove-37d3a605 {
0%, 100% {
        -webkit-transform: translate(0, 0) rotate(0deg);
                transform: translate(0, 0) rotate(0deg);
}
33% {
        -webkit-transform: translate(30%, -30%) rotate(120deg);
                transform: translate(30%, -30%) rotate(120deg);
}
66% {
        -webkit-transform: translate(-30%, 30%) rotate(240deg);
                transform: translate(-30%, 30%) rotate(240deg);
}
}
@keyframes liquidMove-37d3a605 {
0%, 100% {
        -webkit-transform: translate(0, 0) rotate(0deg);
                transform: translate(0, 0) rotate(0deg);
}
33% {
        -webkit-transform: translate(30%, -30%) rotate(120deg);
                transform: translate(30%, -30%) rotate(120deg);
}
66% {
        -webkit-transform: translate(-30%, 30%) rotate(240deg);
                transform: translate(-30%, 30%) rotate(240deg);
}
}
.login-logo[data-v-37d3a605] {
    max-width: 80px;
    height: auto;
    -webkit-filter: drop-shadow(0 4px 12px rgba(108, 46, 156, 0.3));
            filter: drop-shadow(0 4px 12px rgba(108, 46, 156, 0.3));
    -webkit-animation: floatLogo-37d3a605 3s ease-in-out infinite;
            animation: floatLogo-37d3a605 3s ease-in-out infinite;
}
@-webkit-keyframes floatLogo-37d3a605 {
0%, 100% {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
}
50% {
        -webkit-transform: translateY(-8px);
                transform: translateY(-8px);
}
}
@keyframes floatLogo-37d3a605 {
0%, 100% {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
}
50% {
        -webkit-transform: translateY(-8px);
                transform: translateY(-8px);
}
}
.card-body[data-v-37d3a605] {
    position: relative;
    z-index: 1;
}
.form-control[data-v-37d3a605] {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(108, 46, 156, 0.2);
    backdrop-filter: blur(10px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.form-control[data-v-37d3a605]:focus {
    background: rgba(255, 255, 255, 0.95);
    border-color: var(--neonet-purple);
    -webkit-box-shadow: 0 0 0 3px rgba(108, 46, 156, 0.1);
            box-shadow: 0 0 0 3px rgba(108, 46, 156, 0.1);
}
.btn-primary[data-v-37d3a605] {
    background: linear-gradient(135deg, var(--neonet-purple) 0%, #8B4DC7 100%);
    border: none;
    -webkit-box-shadow: 0 4px 15px rgba(108, 46, 156, 0.3);
            box-shadow: 0 4px 15px rgba(108, 46, 156, 0.3);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
.btn-primary[data-v-37d3a605]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.3)), to(transparent));
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    -webkit-transition: left 0.5s ease;
    transition: left 0.5s ease;
}
.btn-primary[data-v-37d3a605]:hover::before {
    left: 100%;
}
.btn-primary[data-v-37d3a605]:hover {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
    -webkit-box-shadow: 0 6px 20px rgba(108, 46, 156, 0.4);
            box-shadow: 0 6px 20px rgba(108, 46, 156, 0.4);
}
.btn-primary[data-v-37d3a605]:active {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.input-group .btn[data-v-37d3a605] {
    background: rgba(255, 255, 255, 0.8);
    border-color: rgba(108, 46, 156, 0.2);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.input-group .btn[data-v-37d3a605]:hover {
    background: rgba(108, 46, 156, 0.1);
    border-color: var(--neonet-purple);
}
@media (max-width: 768px) {
.page-login[data-v-37d3a605] {
        height: auto;
        min-height: 100vh;
        max-height: none;
        padding: 1rem;
        padding-top: 1rem;
        overflow: hidden;
        position: relative;
}
.container-tight[data-v-37d3a605] {
        width: 100%;
        max-width: 100%;
        padding: 0;
        position: relative;
        z-index: 10;
}
.card-body[data-v-37d3a605] {
        padding: 1.5rem !important;
}

    /* Banner - 1/5 tras el form, 4/5 visible abajo */
.banner-layer[data-v-37d3a605] {
        display: block !important;
        position: fixed !important;
        top: 55% !important;
        bottom: auto !important;
        left: 50% !important;
        -webkit-transform: translateX(-50%) !important;
                transform: translateX(-50%) !important;
        width: 100% !important;
        max-width: 100vw !important;
        z-index: 1 !important;
        pointer-events: none;
}
.banner-image[data-v-37d3a605] {
        max-width: 100%;
        width: 100%;
        max-height: none;
        -o-object-fit: contain;
           object-fit: contain;
}
.background-layer[data-v-37d3a605] {
        background-position: top center;
        z-index: 0;
}
.login-form-container[data-v-37d3a605] {
        position: relative;
        z-index: 10;
}

    /* Mantener efecto glass */
.glass-card[data-v-37d3a605] {
        border-radius: 1.5rem;
        margin: 0 0.5rem;
        position: relative;
        z-index: 10;
}
}
@media (min-width: 1440px) {
.background-layer[data-v-37d3a605] {
        background-size: cover;
}
.banner-layer[data-v-37d3a605] {
        max-width: 1400px;
}
.banner-image[data-v-37d3a605] {
        max-width: 1000px;
}
}
@media (min-width: 1920px) {
.background-layer[data-v-37d3a605] {
        background-size: cover;
}
.banner-layer[data-v-37d3a605] {
        max-width: 1600px;
}
.banner-image[data-v-37d3a605] {
        max-width: 1200px;
}
}
@media (max-width: 576px) {
.page-login[data-v-37d3a605] {
        padding: 0.75rem;
        padding-top: 1.5rem;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
}
.login-logo[data-v-37d3a605] {
        max-width: 60px;
}
.page-login h4[data-v-37d3a605] {
        font-size: 1.125rem;
}
.card-body[data-v-37d3a605] {
        padding: 1.25rem !important;
}
.card-body .mb-4[data-v-37d3a605] {
        margin-bottom: 1rem !important;
}
.card-body .mb-3[data-v-37d3a605] {
        margin-bottom: 0.75rem !important;
}
.form-label[data-v-37d3a605] {
        margin-bottom: 0.25rem;
        font-size: 0.8125rem;
}
.form-control[data-v-37d3a605] {
        padding: 0.625rem 0.875rem;
        font-size: 1rem;
}
.btn-primary[data-v-37d3a605] {
        padding: 0.75rem;
        font-size: 1rem;
}
.glass-card[data-v-37d3a605] {
        border-radius: 1.25rem;
        margin: 0;
}

    /* Modal 2FA responsive */
.modal-dialog[data-v-37d3a605] {
        margin: 1rem;
}
.modal-content[data-v-37d3a605] {
        border-radius: 1rem;
}
}

/* ESTRUCTURA PRINCIPAL */
.page-wrapper[data-v-ca1921df] {
  overflow-x: hidden;
  background-color: var(--tblr-bg-surface, #f5f7fb); /* Standard Tabler page background */
  padding-top: 0 !important; /* eliminate default navbar offset */
}

/* HERO BANNER MEJORADO */
.hero-banner[data-v-ca1921df] {
  margin-top: 0;
  padding: 6rem 0 10rem; /* Slightly reduced top space */
  background: var(--color-primary);
  color: #ffffff;
  position: relative;
  overflow: hidden;
}
.hero-bg[data-v-ca1921df] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-height: 70%;
  height: auto;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 0;
  pointer-events: none;
  -webkit-filter: drop-shadow(0 8px 16px rgba(0,0,0,.35));
          filter: drop-shadow(0 8px 16px rgba(0,0,0,.35));
}
.hero-banner[data-v-ca1921df]::before {
  content: '';
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)), color-stop(45%, rgba(0,0,0,0.25)), to(rgba(0,0,0,0)));
  background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.25) 45%, rgba(0,0,0,0) 100%);
  z-index: 1;
}
.hero-banner[data-v-ca1921df]::after {
  content: '';
  position: absolute;
  width: 130%;
  height: 55%;
  background: var(--color-secondary);
  bottom: -25%;
  left: -10%;
  -webkit-transform: rotate(-4deg);
          transform: rotate(-4deg);
  opacity: .9;
  z-index: 2;
}
.brand-logo[data-v-ca1921df] {
  position: relative;
  z-index: 3;
}
.hero-content[data-v-ca1921df] {
  position: relative;
  z-index: 2;
  /* Add text shadow for better readability on dark background */
  text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

/* Brand logos inside hero */
.hero-brands[data-v-ca1921df] {
  margin-top: 20px;
}
.brand-logo[data-v-ca1921df] {
  height: 40px;
  width: auto;
}

/* fine-tune individual logos if needed */
.brand-logo.mastercard[data-v-ca1921df] { max-height: 34px;
}

/* LOGIN FORM STYLES - Styled as a Tabler Card */
.login-card[data-v-ca1921df] {
  background-color: #fff; 
  border-radius: var(--tblr-card-border-radius, 4px);
  border: 1px solid var(--tblr-card-border-color, #e5e7eb);
  -webkit-box-shadow: var(--tblr-card-box-shadow, 0 1px 2px 0 rgba(0,0,0,.05));
          box-shadow: var(--tblr-card-box-shadow, 0 1px 2px 0 rgba(0,0,0,.05));
  padding: 1.5rem; /* Consistent padding */
  max-width: 450px;
  margin: 0 auto;
  /* Removed backdrop-filter and other non-Tabler styles */
}
.login-title[data-v-ca1921df] {
  font-size: 1.25rem; /* Tabler-like heading size */
  font-weight: 600;
  color: var(--tblr-headings-color, #1e293b);
  margin-bottom: 1.5rem;
  text-align: center;
  position: relative;
}
.login-title[data-v-ca1921df]::after {
  content: '';
  position: absolute;
  bottom: -0.75rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 40px;
  height: 2px;
  background: var(--tblr-primary, #206bc4);
  border-radius: 1px;
}
.otp-header[data-v-ca1921df] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin-bottom: 1.5rem;
}
.otp-icon[data-v-ca1921df] {
  font-size: 2.5rem;
  color: var(--tblr-primary, #206bc4);
  margin-bottom: 0.5rem;
}
.otp-input[data-v-ca1921df] {
  letter-spacing: 0.3em; /* Adjusted for better readability */
  font-weight: 500;
  font-size: 1.1rem;
  text-align: center;
}

/* Standard Card Styling (Apply this base to other card-like elements) */
.tabler-card-standard[data-v-ca1921df] {
  background-color: #fff;
  border: 1px solid var(--tblr-border-color, #e5e7eb);
  border-radius: var(--tblr-card-border-radius, 4px);
  -webkit-box-shadow: var(--tblr-box-shadow-sm, 0 1px 2px 0 rgba(0,0,0,.05));
          box-shadow: var(--tblr-box-shadow-sm, 0 1px 2px 0 rgba(0,0,0,.05));
  margin-bottom: 1.5rem; /* Standard bottom margin for cards */
}
.tabler-card-standard .card-body[data-v-ca1921df], 
.tabler-card-standard .card-header[data-v-ca1921df], 
.tabler-card-standard .card-footer[data-v-ca1921df] {
  padding: 1.25rem; /* Standard Tabler card padding */
}
.tabler-card-standard .card-title[data-v-ca1921df] {
  font-size: 1.09375rem; /* h3 */
  font-weight: 600;
  color: var(--tblr-headings-color, #1e293b);
  margin-bottom: .5rem;
}

/* ========= Quick Card Glass Style ========= */
.quick-card[data-v-ca1921df] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  gap: 0.5rem;
  padding: 2rem 1.25rem;
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  background: #ffffffcc; /* translucent glass */
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.08);
          box-shadow: 0 2px 8px rgba(0,0,0,.08);
  backdrop-filter: blur(12px) saturate(180%);
  cursor: pointer;
  -webkit-transition: -webkit-transform .4s var(--tblr-ease, cubic-bezier(.4,0,.2,1)), -webkit-box-shadow .4s var(--tblr-ease, cubic-bezier(.4,0,.2,1));
  transition: -webkit-transform .4s var(--tblr-ease, cubic-bezier(.4,0,.2,1)), -webkit-box-shadow .4s var(--tblr-ease, cubic-bezier(.4,0,.2,1));
  transition: transform .4s var(--tblr-ease, cubic-bezier(.4,0,.2,1)), box-shadow .4s var(--tblr-ease, cubic-bezier(.4,0,.2,1));
  transition: transform .4s var(--tblr-ease, cubic-bezier(.4,0,.2,1)), box-shadow .4s var(--tblr-ease, cubic-bezier(.4,0,.2,1)), -webkit-transform .4s var(--tblr-ease, cubic-bezier(.4,0,.2,1)), -webkit-box-shadow .4s var(--tblr-ease, cubic-bezier(.4,0,.2,1));
}
.quick-card[data-v-ca1921df]::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 2px; /* gradient border thickness */
  border-radius: inherit;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude; /* show only border */
  opacity: .45;
  -webkit-transition: opacity .4s, -webkit-transform .4s;
  transition: opacity .4s, -webkit-transform .4s;
  transition: opacity .4s, transform .4s;
  transition: opacity .4s, transform .4s, -webkit-transform .4s;
  z-index: 0;
}
.quick-card[data-v-ca1921df]::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.4) 0%, transparent 65%);
  opacity: 0;
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
  z-index: 0;
}
.quick-card .icon-xl[data-v-ca1921df] {
  font-size: 2.75rem;
  color: var(--color-secondary);
  -webkit-transition: color .4s, -webkit-transform .4s;
  transition: color .4s, -webkit-transform .4s;
  transition: transform .4s, color .4s;
  transition: transform .4s, color .4s, -webkit-transform .4s;
  z-index: 1;
}
.quick-card .icon-sm[data-v-ca1921df] {
  color: var(--color-secondary);
  -webkit-transition: color .4s, -webkit-transform .4s;
  transition: color .4s, -webkit-transform .4s;
  transition: transform .4s, color .4s;
  transition: transform .4s, color .4s, -webkit-transform .4s;
  z-index: 1;
}
.quick-card[data-v-ca1921df]:hover {
  -webkit-transform: translateY(-8px) scale(1.05);
          transform: translateY(-8px) scale(1.05);
  -webkit-box-shadow: 0 18px 36px rgba(0,0,0,.14);
          box-shadow: 0 18px 36px rgba(0,0,0,.14);
}
.quick-card[data-v-ca1921df]:hover::before {
  opacity: 1;
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}
.quick-card[data-v-ca1921df]:hover::after {
  opacity: .6;
}
.quick-card:hover .icon-xl[data-v-ca1921df] {
  color: var(--color-primary);
  -webkit-transform: scale(1.15) rotate(6deg);
          transform: scale(1.15) rotate(6deg);
}
.quick-card:hover .icon-sm[data-v-ca1921df] {
  color: var(--color-primary);
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}
.quick-card h3[data-v-ca1921df],
.quick-card p[data-v-ca1921df],
.quick-card .icon-sm[data-v-ca1921df] {
  position: relative;
  z-index: 1;
}

/* Apply Tabler standard card styling to existing custom card classes */
.quick-card[data-v-ca1921df], 
.product-card[data-v-ca1921df], 
.affiliation-card[data-v-ca1921df], 
.form-card[data-v-ca1921df], 
.payment-summary[data-v-ca1921df], 
.payment-form[data-v-ca1921df], 
.apple-card[data-v-ca1921df], 
.product-apple-card[data-v-ca1921df], 
.faq-card[data-v-ca1921df], 
.contact-card[data-v-ca1921df] {
  background-color: #fff !important; /* Override any lingering transparencies */
  border: 1px solid var(--tblr-border-color, #e5e7eb) !important;
  border-radius: var(--tblr-card-border-radius, 4px) !important;
  -webkit-box-shadow: var(--tblr-box-shadow-sm, 0 1px 2px 0 rgba(0,0,0,.05)) !important;
          box-shadow: var(--tblr-box-shadow-sm, 0 1px 2px 0 rgba(0,0,0,.05)) !important;
  margin-bottom: 1.5rem; 
  padding: 1.25rem;
}
.apple-card .apple-card-icon[data-v-ca1921df], 
.product-apple-card .product-apple-icon[data-v-ca1921df] {
  background-color: transparent !important; /* Remove colored backgrounds for icons */
  padding: 0;
  margin-bottom: 0.5rem;
}
.product-apple-card .product-apple-header[data-v-ca1921df] {
  background-color: transparent !important;
  border-bottom: none;
  padding: 0 0 0.5rem 0;
}

/* Element Plus Dialog Custom Class for Tabler alignment */
.tabler-dialog .el-dialog__header[data-v-ca1921df] {
    text-align: left; /* Align title to left like Tabler modals */
}
.tabler-dialog .el-dialog__body[data-v-ca1921df] {
    padding-top: 1rem !important; /* Adjust padding */
}

/* Dialog específico de login para mantener consistencia */
.login-dialog .login-title[data-v-ca1921df] {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--tblr-headings-color, #1e293b);
}

/* =================== Responsive (≤767px) =================== */
@media (max-width: 767.98px) {
  /* HERO adjustments */
.hero-banner[data-v-ca1921df] {
    padding: 3rem 0 8rem;
}
.hero-bg[data-v-ca1921df] {
    top: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-height: 55%;
}
.hero-content[data-v-ca1921df] {
    text-align: center;
}
.hero-brands[data-v-ca1921df] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

  /* Dialog responsiveness */
.login-dialog.el-dialog[data-v-ca1921df],
  .tabler-dialog.el-dialog[data-v-ca1921df] {
    width: 90% !important;
    max-width: 420px;
}
.el-dialog__body[data-v-ca1921df] {
    overflow-y: auto;
    max-height: 75vh;
}
}
.hero-top-shape[data-v-ca1921df] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 82px;
  background: var(--color-secondary);
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
  z-index: 2;
}
[data-v-ca1921df]:root {
  --color-primary: #6225A4;
  --color-secondary: #FFCE00;
}

/* ================= Dialog & Overlay Apple-like ================= */
.el-overlay[data-v-ca1921df] {
  backdrop-filter: blur(8px) saturate(120%);
  background: rgba(0,0,0,.45) !important;
}
@media (max-width: 991.98px) {
.el-dialog[data-v-ca1921df] {
    width: 95% !important;
    max-width: 600px;
    margin: 1rem auto;
}
}
@media (max-width: 575.98px) {
.el-dialog[data-v-ca1921df] {
    width: 100% !important;
    height: 100%;
    margin: 0 !important;
    border-radius: 0 !important;
}
.el-dialog__body[data-v-ca1921df] {
    max-height: calc(100vh - 120px);
}
}

/* ================= Decorative Floating Shapes ================= */
.bg-shape[data-v-ca1921df] {
  position: absolute;
  border-radius: 40% 60% 60% 40% / 40% 40% 60% 60%;
  pointer-events: none;
  -webkit-filter: blur(60px);
          filter: blur(60px);
  opacity: 0.15;
  -webkit-animation: float-ca1921df 18s ease-in-out infinite;
          animation: float-ca1921df 18s ease-in-out infinite;
  z-index: 0;
}
.shape-1[data-v-ca1921df] {
  top: 12%;
  left: -6%;
  width: 320px;
  height: 320px;
  background: var(--color-secondary);
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.shape-2[data-v-ca1921df] {
  bottom: 18%;
  right: -7%;
  width: 260px;
  height: 260px;
  background: var(--color-primary);
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.shape-3[data-v-ca1921df] {
  top: 55%;
  left: 45%;
  width: 200px;
  height: 200px;
  background: var(--color-secondary);
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
}
@-webkit-keyframes float-ca1921df {
0%,100% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg);
}
50% { -webkit-transform: translateY(-30px) rotate(180deg); transform: translateY(-30px) rotate(180deg);
}
}
@keyframes float-ca1921df {
0%,100% { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg);
}
50% { -webkit-transform: translateY(-30px) rotate(180deg); transform: translateY(-30px) rotate(180deg);
}
}

/* Estilos para los steps */
.steps[data-v-77cdd50d] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  margin: 2rem 0;
}
.steps[data-v-77cdd50d]::before {
  content: '';
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #e9ecef;
  z-index: 0;
}
.step-item[data-v-77cdd50d] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  z-index: 1;
  position: relative;
}
.step-icon[data-v-77cdd50d] {
  margin: 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #edf2fa;
  color: #6c757d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.5rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.step-item.active .step-icon[data-v-77cdd50d] {
  background-color: #206bc4;
  color: white;
}

/* Estilos para cards */
.card[data-v-77cdd50d] {
  border: none;
  -webkit-box-shadow: rgba(35, 46, 60, 0.04) 0 2px 4px 0;
          box-shadow: rgba(35, 46, 60, 0.04) 0 2px 4px 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-sm[data-v-77cdd50d] {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.card-sm[data-v-77cdd50d]:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}
.cursor-pointer[data-v-77cdd50d] {
  cursor: pointer;
}

/* Estilos para requisitos */
.empty-icon[data-v-77cdd50d] {
  margin-bottom: 1rem;
}
.empty-icon .icon[data-v-77cdd50d] {
  width: 4rem;
  height: 4rem;
}

/* Animaciones */
@-webkit-keyframes fadeIn-77cdd50d {
from { opacity: 0;
}
to { opacity: 1;
}
}
@keyframes fadeIn-77cdd50d {
from { opacity: 0;
}
to { opacity: 1;
}
}
.card-body[data-v-77cdd50d] {
  -webkit-animation: fadeIn-77cdd50d 0.3s ease;
          animation: fadeIn-77cdd50d 0.3s ease;
}

/* Ajustar estilos para mejorar la visualización */
.card-product[data-v-77cdd50d] {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.card-product[data-v-77cdd50d]:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.product-icon[data-v-77cdd50d] {
  width: 72px;
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.transition-all[data-v-77cdd50d] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* ============================================
   NEONET + PRACTICAL UI DESIGN SYSTEM
   Combining NeoNet brand with Practical UI rules
   ============================================ */
.kanban-application[data-v-32315075] {
  position: relative;
  width: 100%;

  /* ==========================================
     NEONET COLOR SYSTEM
     Usando variables globales de neonet-colors.css
     Purple: 50-900, Yellow: 50-900, Grays: 50-900
     ========================================== */

  /* Alias locales para compatibilidad (apuntan a Neonet globals) */
  --local-primary: var(--neonet-purple-500);
  --local-secondary: var(--neonet-yellow-500);
  --local-text-strong: var(--neonet-gray-900);
  --local-text-default: var(--neonet-gray-700);
  --local-text-weak: var(--neonet-gray-600);
  --local-bg-base: #FFFFFF;
  --local-bg-sunken: var(--neonet-gray-50);
  --pui-bg-surface-purple: rgba(95, 36, 159, 0.02);
  --pui-bg-surface-yellow: rgba(255, 205, 1, 0.05);

  /* ==========================================
     PRACTICAL UI - BORDER COLORS
     From Figma: stroke/weak
     ========================================== */

  --pui-stroke-weak: rgba(0, 17, 102, 0.1);
  --pui-stroke-default: rgba(0, 17, 102, 0.15);
  --pui-stroke-strong: rgba(0, 17, 102, 0.25);

  /* NeoNet accent borders */
  --pui-stroke-primary: rgba(95, 36, 159, 0.2);
  --pui-stroke-secondary: rgba(255, 205, 1, 0.3);

  /* ==========================================
     PRACTICAL UI - ELEVATION SHADOWS
     From Figma: Raised and Overlay levels
     ========================================== */

  /* Raised level shadow */
  --pui-shadow-raised: 0px 2px 4px -2px rgba(0, 0, 0, 0.08),
                       0px 4px 8px -2px rgba(0, 0, 0, 0.04);

  /* Overlay level shadow */
  --pui-shadow-overlay: 0px 8px 8px -4px rgba(0, 0, 0, 0.04),
                        0px 20px 24px -4px rgba(0, 0, 0, 0.08);

  /* Interactive shadow with NeoNet purple tint */
  --pui-shadow-focus: 0 0 0 3px rgba(95, 36, 159, 0.15);
  --pui-shadow-primary: 0px 4px 12px rgba(95, 36, 159, 0.15);

  /* ==========================================
     PRACTICAL UI - CORNER RADIUS
     From Figma: corner-radius/8, 16, 32
     ========================================== */

  --pui-radius-4: 4px;
  --pui-radius-8: 8px;
  --pui-radius-12: 12px;
  --pui-radius-16: 16px;
  --pui-radius-24: 24px;
  --pui-radius-32: 32px;
  --pui-radius-full: 9999px;

  /* ==========================================
     PRACTICAL UI - SPACING SCALE
     From Figma: spacing/4, 8, 16, 24, 32, 48, 64, 96
     ========================================== */

  --pui-space-4: 4px;
  --pui-space-8: 8px;
  --pui-space-12: 12px;
  --pui-space-16: 16px;
  --pui-space-24: 24px;
  --pui-space-32: 32px;
  --pui-space-48: 48px;
  --pui-space-64: 64px;
  --pui-space-96: 96px;

  /* Semantic spacing */
  --pui-space-xs: var(--pui-space-4);
  --pui-space-sm: var(--pui-space-8);
  --pui-space-md: var(--pui-space-16);
  --pui-space-lg: var(--pui-space-24);
  --pui-space-xl: var(--pui-space-32);

  /* ==========================================
     PRACTICAL UI - TYPOGRAPHY
     From Figma: Inter font family
     ========================================== */

  --pui-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --pui-font-mono: 'Menlo', 'Monaco', 'Consolas', monospace;

  /* Font sizes */
  --pui-text-xs: 12px;
  --pui-text-sm: 14px;
  --pui-text-base: 16px;
  --pui-text-lg: 18px;
  --pui-text-xl: 20px;
  --pui-text-2xl: 24px;
  --pui-text-3xl: 32px;
  --pui-text-4xl: 40px;

  /* Line heights from Figma */
  --pui-leading-tight: 1.25;
  --pui-leading-snug: 1.375;
  --pui-leading-normal: 1.5;
  --pui-leading-relaxed: 1.625;

  /* Font weights */
  --pui-font-normal: 400;
  --pui-font-medium: 500;
  --pui-font-semibold: 600;
  --pui-font-bold: 700;

  /* ==========================================
     INTERACTIVE STATES
     ========================================== */

  --pui-interactive-action: var(--neo-primary);
  --pui-interactive-hover: var(--neo-primary-light);
  --pui-interactive-active: var(--neo-primary-dark);

  /* ==========================================
     LEGACY SUPPORT (for existing code)
     ========================================== */

  --kb-card-p-x: var(--pui-space-16);
  --kb-card-p-y: var(--pui-space-12);
  --kb-card-section-gap: var(--pui-space-8);
  --kb-card-radius: var(--pui-radius-12);
}

/* ============================================
   PRACTICAL UI - MOBILE COLUMN SELECTOR
   ============================================ */
.mobile-column-selector[data-v-32315075] {
  position: sticky;
  top: 0;
  z-index: 100;
  padding: 6px 10px;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
.mobile-column-selector .btn[data-v-32315075] {
  width: 32px;
  height: 32px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 8px;
  font-size: 16px;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  background: #5F249F;
  border-color: #5F249F;
  color: white;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mobile-column-selector .btn[data-v-32315075]:disabled {
  background: #e5e7eb;
  border-color: #e5e7eb;
  color: #9ca3af;
  opacity: 1;
}
.mobile-column-selector .btn[data-v-32315075]:active:not(:disabled) {
  -webkit-transform: scale(0.92);
          transform: scale(0.92);
  background: #4a1d7a;
}
.mobile-column-selector .form-select[data-v-32315075] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 32px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: white;
  color: #1f2937;
  padding: 0 28px 0 10px;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
}
.mobile-column-selector .form-select[data-v-32315075]:focus {
  border-color: #5F249F;
  -webkit-box-shadow: 0 0 0 2px rgba(95, 36, 159, 0.15);
          box-shadow: 0 0 0 2px rgba(95, 36, 159, 0.15);
  outline: none;
}
.mobile-column-info[data-v-32315075] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  min-width: 0;
}

/* Pagination dots - más compactos */
.mobile-column-dots[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
}
.mobile-column-dots .dot[data-v-32315075] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d1d5db;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.mobile-column-dots .dot.active[data-v-32315075] {
  width: 20px;
  border-radius: 4px;
  background: #5F249F;
}
.mobile-column-dots .dot[data-v-32315075]:hover:not(.active) {
  background: #9ca3af;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

/* ============================================
   COMPONENT LIBRARY STYLE - KANBAN WRAPPER
   Light gray background like the reference
   ============================================ */
.kanban-wrapper-container[data-v-32315075] {
  position: relative;
  width: 100%;
  background: var(--neonet-gray-50);
  border-radius: 12px;
  padding: 0;
  border: 1px solid #E5E7EB;
}

/* ============================================
   COMPONENT LIBRARY STYLE - NAVIGATION BUTTONS
   Clean circular buttons
   ============================================ */
.kanban-nav-button {
&[data-v-32315075] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 100;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.06);
  color: var(--neonet-gray-600);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  }
&[data-v-32315075]:hover:not(:disabled) {
    background: var(--neonet-purple-500);
    color: white;
    border-color: var(--neonet-purple-500);
    -webkit-box-shadow: 0 4px 12px rgba(95, 36, 159, 0.25);
            box-shadow: 0 4px 12px rgba(95, 36, 159, 0.25);
    -webkit-transform: translateY(-50%) scale(1.05);
            transform: translateY(-50%) scale(1.05);
}
&[data-v-32315075]:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    -webkit-box-shadow: none;
            box-shadow: none;
}
i[data-v-32315075] {
    font-size: 18px;
}
}
.kanban-nav-left[data-v-32315075] {
  left: -22px;
}
.kanban-nav-right[data-v-32315075] {
  right: -22px;
}

/* ============================================
   COMPONENT LIBRARY STYLE - SCROLL AREA
   ============================================ */
.kanban-wrapper[data-v-32315075] {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  padding: 16px 12px;
  scroll-behavior: smooth;
  background: transparent;
}

/* ============================================
   COMPONENT LIBRARY STYLE - COLUMNS CONTAINER
   ============================================ */
.kanban-container[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media (max-width: 768px) {
.kanban-container[data-v-32315075] {
    min-width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; /* Alinear a la izquierda para scroll horizontal */
    gap: 12px; /* Espacio entre columnas */
    padding: 12px;
    overflow-x: auto; /* Scroll horizontal */
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; /* Smooth scroll en iOS */
    -ms-scroll-snap-type: x proximity;
        scroll-snap-type: x proximity; /* Snap suave */
}
}

/* ============================================
   COMPONENT LIBRARY STYLE - KANBAN COLUMNS
   Clean, minimal design inspired by the reference
   ============================================ */
.kanban-column[data-v-32315075] {
  width: 300px;
  min-width: 300px;
  max-width: 300px;
  height: calc(100vh - 250px) !important; /* 100% del viewport menos header/tabs */
  min-height: 400px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #FFFFFF;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  overflow: hidden !important;
}
.kanban-column[data-v-32315075]:hover {
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

/* Responsive columns */
@media (max-width: 1400px) {
.kanban-column[data-v-32315075] {
    width: 280px;
    min-width: 280px;
    max-width: 280px;
}
}
@media (max-width: 1200px) {
.kanban-column[data-v-32315075] {
    width: 260px;
    min-width: 260px;
    max-width: 260px;
}
}
@media (max-width: 768px) {
.kanban-column[data-v-32315075] {
    width: 280px; /* Ancho fijo para scroll horizontal */
    min-width: 280px;
    max-width: 280px;
    border-radius: 12px;
    height: calc(100vh - 200px); /* Más altura aprovechando la pantalla */
    -ms-flex-negative: 0;
        flex-shrink: 0; /* No comprimir columnas */
    scroll-snap-align: start; /* Snap al inicio de cada columna */
}
}

/* Mobile portrait: Columnas aún más compactas */
@media (max-width: 576px) {
.kanban-column[data-v-32315075] {
    width: calc(100vw - 48px); /* Casi full width para pantallas muy pequeñas */
    min-width: calc(100vw - 48px);
    max-width: calc(100vw - 48px);
    scroll-snap-align: center; /* Centrar columna en snap */
}
}

/* ============================================
   MOBILE SINGLE-COLUMN VIEW
   Full width columns with snap scrolling
   ============================================ */
.mobile-single-column[data-v-32315075] {
  border: none;
  border-radius: 0;
  background: transparent;
}
.mobile-single-column .kanban-wrapper[data-v-32315075] {
  padding: 0;
  overflow-x: auto;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}
.mobile-single-column .kanban-container[data-v-32315075] {
  gap: 0;
  padding: 0;
}
.mobile-single-column .kanban-column[data-v-32315075] {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  scroll-snap-align: start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mobile-single-column .kanban-column-header[data-v-32315075] {
  display: none; /* Ocultar header de columna, ya tenemos tabs arriba */
}
.mobile-single-column .kanban-cards-container[data-v-32315075] {
  max-height: none !important;
  height: 100% !important;
  overflow-y: auto !important;
  padding: 8px 12px;
}
.mobile-single-column .task-card[data-v-32315075] {
  margin-bottom: 8px;
}

/* ============================================
   NEONET - COLUMN HEADER OPTIMIZADO
   Layout compacto de 2 filas
   ============================================ */
.kanban-column-header[data-v-32315075] {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  padding: 8px 10px;
  background: #FFFFFF;
  border-bottom: 1px solid var(--neonet-gray-200);
}

/* Fila 1: Icono + Título + Count + Refresh */
.column-header-row1[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 6px;
  margin-bottom: 6px;
}
.column-title-badge[data-v-32315075] {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: var(--neonet-purple-500);
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin-top: 2px; /* Alinear con primera línea del título */
}
.column-title-badge[data-v-32315075]:hover {
  -webkit-box-shadow: var(--shadow-md);
          box-shadow: var(--shadow-md);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.column-title-badge i[data-v-32315075] {
  color: white;
  font-size: 13px;
}

/* Código de columna para navegación rápida */
.column-code[data-v-32315075] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 6px;
  background: var(--neonet-purple-50);
  border: 1px solid var(--neonet-purple-100);
  font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;
  font-size: 11px;
  font-weight: 700;
  margin-top: 2px; /* Alinear con primera línea del título */
  color: var(--neonet-purple-600);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: help;
}
.kanban-column.column-active .column-code[data-v-32315075] {
  background: var(--neonet-purple-500);
  color: white;
  border-color: var(--neonet-purple-500);
  -webkit-box-shadow: 0 0 0 3px var(--neonet-purple-100);
          box-shadow: 0 0 0 3px var(--neonet-purple-100);
}
.column-title[data-v-32315075] {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--neonet-gray-900);
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  line-height: 1.3;
  max-height: 2.6em; /* 2 líneas * 1.3 line-height */
}
.column-count[data-v-32315075] {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 10px;
  background: var(--neonet-purple-100);
  color: var(--neonet-purple-700);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 2px; /* Alinear con primera línea del título */
}

/* Acciones del header: Refresh + Búsqueda */
.column-header-actions[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  margin-left: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 2px; /* Alinear con primera línea del título */
}
.column-action-btn[data-v-32315075] {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: var(--neonet-gray-400);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.column-action-btn[data-v-32315075]:hover {
  background: var(--neonet-purple-50);
  color: var(--neonet-purple-500);
}
.column-action-btn.has-search[data-v-32315075] {
  background: var(--neonet-purple-100);
  color: var(--neonet-purple-600);
}
.column-action-btn i[data-v-32315075] {
  font-size: 14px;
}
.column-action-btn .spinner-border-sm[data-v-32315075] {
  width: 14px;
  height: 14px;
  border-width: 2px;
  color: var(--neonet-purple-500);
}

/* Columna activa (para atajos de teclado) */
.kanban-column.column-active[data-v-32315075] {
  -webkit-box-shadow: 0 0 0 2px var(--neonet-purple-200), var(--shadow-sm);
          box-shadow: 0 0 0 2px var(--neonet-purple-200), var(--shadow-sm);
}

/* Card activo por navegación de teclado */
.task-card.card-keyboard-active[data-v-32315075] {
  -webkit-box-shadow: 0 0 0 2px var(--neonet-purple-500), var(--shadow-md) !important;
          box-shadow: 0 0 0 2px var(--neonet-purple-500), var(--shadow-md) !important;
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
  z-index: 10;
}
.task-card.card-keyboard-active[data-v-32315075]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--neonet-purple-500);
  border-radius: 4px 0 0 4px;
}

/* Fila 2: Métricas + Progreso */
.column-header-row2[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
.column-metrics-compact[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
.column-metrics-compact span[data-v-32315075] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  font-size: 11px;
  font-weight: 500;
  color: var(--neonet-gray-600);
}
.column-metrics-compact i[data-v-32315075] {
  font-size: 12px;
  color: var(--neonet-purple-500);
  opacity: 0.7;
}

/* Mini progress bar */
.column-progress-mini[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.column-progress-mini .progress-track[data-v-32315075] {
  width: 50px;
  height: 4px;
  background: var(--neonet-purple-100);
  border-radius: 2px;
  overflow: hidden;
}
.column-progress-mini .progress-fill[data-v-32315075] {
  height: 100%;
  background: var(--neonet-purple-500);
  border-radius: 2px;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.column-progress-mini .progress-text[data-v-32315075] {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 10px;
  font-weight: 600;
  color: var(--neonet-purple-600);
  min-width: 28px;
}

/* Fila 3: Botón de búsqueda */
.column-header-row3[data-v-32315075] {
  margin-top: 6px;
}
.column-search-btn[data-v-32315075] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 6px 10px;
  background: var(--neonet-gray-50);
  border: 1px solid var(--neonet-gray-200);
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  color: var(--neonet-gray-400);
}
.column-search-btn[data-v-32315075]:hover {
  background: #FFFFFF;
  border-color: rgba(95, 36, 159, 0.3);
}
.column-search-btn i[data-v-32315075] {
  font-size: 13px;
  color: var(--neonet-gray-400);
}
.column-search-btn span[data-v-32315075] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.column-search-btn.has-search[data-v-32315075] {
  background: rgba(95, 36, 159, 0.08);
  border-color: rgba(95, 36, 159, 0.2);
  color: #5F249F;
}
.column-search-btn.has-search i[data-v-32315075] {
  color: #5F249F;
}

/* ============================================
   MODAL DE BÚSQUEDA CON BLUR
   ============================================ */
.search-modal-overlay[data-v-32315075] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 15vh;
  z-index: 9999;
}
.search-modal-content[data-v-32315075] {
  background: #FFFFFF;
  border-radius: 16px;
  width: 90%;
  max-width: 500px;
  -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
          box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  -webkit-animation: modal-slide-up-32315075 0.2s ease-out;
          animation: modal-slide-up-32315075 0.2s ease-out;
}
@-webkit-keyframes modal-slide-up-32315075 {
from {
    opacity: 0;
    -webkit-transform: translateY(-20px) scale(0.95);
            transform: translateY(-20px) scale(0.95);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
}
}
@keyframes modal-slide-up-32315075 {
from {
    opacity: 0;
    -webkit-transform: translateY(-20px) scale(0.95);
            transform: translateY(-20px) scale(0.95);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
}
}
.search-modal-header[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.search-modal-icon[data-v-32315075] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.search-modal-icon i[data-v-32315075] {
  color: white;
  font-size: 18px;
}
.search-modal-title[data-v-32315075] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.search-modal-title h3[data-v-32315075] {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--neonet-gray-800);
}
.search-modal-title p[data-v-32315075] {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--neonet-gray-500);
}
.search-modal-close[data-v-32315075] {
  width: 32px;
  height: 32px;
  border: none;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.search-modal-close[data-v-32315075]:hover {
  background: rgba(0, 0, 0, 0.1);
}
.search-modal-close i[data-v-32315075] {
  font-size: 16px;
  color: var(--neonet-gray-500);
}
.search-modal-body[data-v-32315075] {
  padding: 20px;
}
.search-input-wrapper[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #F8F9FC;
  border: 2px solid transparent;
  border-radius: 12px;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.search-input-wrapper[data-v-32315075]:focus-within {
  background: #FFFFFF;
  border-color: #5F249F;
  -webkit-box-shadow: 0 0 0 4px rgba(95, 36, 159, 0.1);
          box-shadow: 0 0 0 4px rgba(95, 36, 159, 0.1);
}
.search-input-wrapper > i[data-v-32315075] {
  font-size: 20px;
  color: var(--neonet-gray-400);
}
.search-input-wrapper input[data-v-32315075] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: none;
  background: transparent;
  font-size: 15px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--neonet-gray-800);
  outline: none;
}
.search-input-wrapper input[data-v-32315075]::-webkit-input-placeholder {
  color: var(--neonet-gray-400);
}
.search-input-wrapper input[data-v-32315075]::-moz-placeholder {
  color: var(--neonet-gray-400);
}
.search-input-wrapper input[data-v-32315075]:-ms-input-placeholder {
  color: var(--neonet-gray-400);
}
.search-input-wrapper input[data-v-32315075]::-ms-input-placeholder {
  color: var(--neonet-gray-400);
}
.search-input-wrapper input[data-v-32315075]::placeholder {
  color: var(--neonet-gray-400);
}
.search-clear-btn[data-v-32315075] {
  width: 24px;
  height: 24px;
  border: none;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.search-clear-btn[data-v-32315075]:hover {
  background: rgba(0, 0, 0, 0.15);
}
.search-clear-btn i[data-v-32315075] {
  font-size: 12px;
  color: var(--neonet-gray-500);
}
.search-modal-hint[data-v-32315075] {
  margin-top: 12px;
  text-align: center;
  font-size: 12px;
  color: var(--neonet-gray-400);
}
.search-modal-hint kbd[data-v-32315075] {
  display: inline-block;
  padding: 2px 6px;
  background: var(--neonet-gray-100);
  border: 1px solid #E5E7EB;
  border-radius: 4px;
  font-family: monospace;
  font-size: 11px;
  color: var(--neonet-gray-500);
}
.search-modal-footer[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  padding: 16px 20px;
  background: var(--neonet-gray-50);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.search-modal-footer button[data-v-32315075] {
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.btn-cancel[data-v-32315075] {
  background: transparent;
  border: 1px solid #E5E7EB;
  color: var(--neonet-gray-500);
}
.btn-cancel[data-v-32315075]:hover {
  background: var(--neonet-gray-100);
}
.btn-clear[data-v-32315075] {
  background: #FEF2F2;
  border: 1px solid #FECACA;
  color: #DC2626;
}
.btn-clear[data-v-32315075]:hover {
  background: #FEE2E2;
}
.btn-search[data-v-32315075] {
  background: #5F249F;
  border: none;
  color: white;
}
.btn-search[data-v-32315075]:hover:not(:disabled) {
  background: #4C1D7F;
}
.btn-search[data-v-32315075]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Transiciones del modal */
.search-modal-enter-active[data-v-32315075],
.search-modal-leave-active[data-v-32315075] {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.search-modal-enter-from[data-v-32315075],
.search-modal-leave-to[data-v-32315075] {
  opacity: 0;
}
.search-modal-enter-active .search-modal-content[data-v-32315075] {
  -webkit-animation: modal-slide-up-32315075 0.2s ease-out;
          animation: modal-slide-up-32315075 0.2s ease-out;
}
.search-modal-leave-active .search-modal-content[data-v-32315075] {
  animation: modal-slide-up-32315075 0.15s ease-in reverse;
}

/* Footer de columna - FIJO al final - COMPACTO */
.column-footer[data-v-32315075] {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 6px 10px;
  background: #FFFFFF;
  border-top: 1px solid #E5E7EB;
}

/* Botón de búsqueda en el footer - COMPACTO E INLINE */
.footer-search-btn[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: var(--neonet-gray-50);
  border-radius: 6px;
  cursor: pointer;
  font-size: 11px;
  color: var(--neonet-gray-500);
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.footer-search-btn[data-v-32315075]:hover {
  background: var(--neonet-gray-100);
  border-color: rgba(95, 36, 159, 0.3);
  color: #5F249F;
}
.footer-search-btn.has-search[data-v-32315075] {
  background: rgba(95, 36, 159, 0.08);
  border-color: rgba(95, 36, 159, 0.3);
  color: #5F249F;
}
.footer-search-btn i.ti-search[data-v-32315075] {
  font-size: 14px;
  opacity: 0.7;
}
.footer-search-btn .search-term-badge[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 500;
  color: #5F249F;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.footer-search-btn .clear-search[data-v-32315075] {
  font-size: 12px;
  padding: 2px;
  border-radius: 4px;
  opacity: 0.6;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.footer-search-btn .clear-search[data-v-32315075]:hover {
  opacity: 1;
  background: rgba(95, 36, 159, 0.15);
}

/* Paginador - dentro del footer */
.column-pagination[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.pagination-info[data-v-32315075] {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
.pagination-showing[data-v-32315075] {
  font-size: 11px;
  color: var(--neonet-gray-500);
}
.pagination-controls[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.pagination-btn[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(95, 36, 159, 0.2);
  background: #FFFFFF;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.pagination-btn[data-v-32315075]:hover:not(:disabled) {
  background: rgba(95, 36, 159, 0.08);
  border-color: rgba(95, 36, 159, 0.4);
}
.pagination-btn[data-v-32315075]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.pagination-btn i[data-v-32315075] {
  font-size: 14px;
  color: #5F249F;
}
.pagination-current[data-v-32315075] {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #5F249F;
  min-width: 60px;
  text-align: center;
}

/* Legacy - ocultar estilos antiguos */
.column-progress-container[data-v-32315075] {
  display: none;
}
.column-metrics[data-v-32315075] {
  display: none;
}

/* ============================================
   PROGRESS BAR - NeoNet Purple gradient
   ============================================ */
.column-progress-container[data-v-32315075] {
  margin-top: 4px;
  padding: 0 12px 8px;
}
.column-progress-container .progress[data-v-32315075] {
  height: 3px;
  background: rgba(95, 36, 159, 0.1);
  border-radius: 4px;
  overflow: hidden;
  border: none;
}
.column-progress-container .progress-bar[data-v-32315075] {
  background: #5F249F;
  border-radius: 4px;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
}
.column-progress-container small[data-v-32315075] {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 10px;
  font-weight: 500;
  color: #888;
  margin-top: 2px;
}

/* ============================================
   COMPONENT LIBRARY STYLE - ITEMS CONTAINER
   Clean scrollable area
   ============================================ */
.kanban-items-container[data-v-32315075] {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 0px !important;
          flex: 1 1 0 !important;
  min-height: 0 !important; /* CRÍTICO para scroll en flex */
  overflow-y: auto !important;
  overflow-x: hidden;
  padding: 6px 8px;
  background: var(--neonet-gray-50);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}

/* ============================================
   COMPONENT LIBRARY STYLE - TASK CARDS
   Clean white cards like the reference design
   ============================================ */
.task-card[data-v-32315075] {
  /* Card accent color variable */
  --card-accent: #5F249F;

  /* Card Layout - Compact by default */
  margin-bottom: 10px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 145px; /* Altura compacta para mostrar todo el contenido */
  max-height: 145px; /* Altura compacta para mostrar todo el contenido */
  overflow: visible; /* Permitir ver todo el contenido */

  /* Clean white card like Component Library */
  position: relative;
  border-radius: 12px;
  background: #FFFFFF;
  border: 1px solid #E5E7EB;

  /* Modern shadow */
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

  /* Typography */
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Smooth Transitions */
  -webkit-transition:
    border-color 0.2s ease,
    min-height 0.25s ease,
    max-height 0.25s ease,
    -webkit-transform 0.2s ease,
    -webkit-box-shadow 0.2s ease;
  transition:
    border-color 0.2s ease,
    min-height 0.25s ease,
    max-height 0.25s ease,
    -webkit-transform 0.2s ease,
    -webkit-box-shadow 0.2s ease;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease,
    min-height 0.25s ease,
    max-height 0.25s ease;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease,
    min-height 0.25s ease,
    max-height 0.25s ease,
    -webkit-transform 0.2s ease,
    -webkit-box-shadow 0.2s ease;
}

/* Hover - Expand and lift */
.task-card[data-v-32315075]:hover,
.task-card.card-loading[data-v-32315075] {
  min-height: auto !important;
  max-height: none !important;  /* Sin límite - mostrar todo el contenido */
  height: auto !important;  /* Crecer con el contenido */
  overflow: visible !important;
  z-index: 10;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  border-color: #D1D5DB;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.task-card[data-v-32315075]:active {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.task-card[data-v-32315075]:focus-visible {
  outline: none;
  border-color: #5F249F;
  -webkit-box-shadow: 0 0 0 3px rgba(95, 36, 159, 0.15);
          box-shadow: 0 0 0 3px rgba(95, 36, 159, 0.15);
}

/* Expansion classes for JS-controlled expansion */
@media (hover: hover) and (pointer: fine) {
.task-card.expand-smart[data-v-32315075]:hover,
  .task-card.expand-up[data-v-32315075]:hover,
  .task-card.expand-down[data-v-32315075]:hover,
  .task-card.expand-center[data-v-32315075]:hover {
    min-height: auto !important;
    max-height: none !important;
    height: auto !important;  /* Crecer con el contenido */
    overflow: visible !important;
    border-color: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
    z-index: 20;
}
.task-card.expand-smart[data-v-32315075]:active {
    -webkit-transform: translateY(-1px) scale(0.99);
            transform: translateY(-1px) scale(0.99);
}
}

/* ============================================
   COMPONENT LIBRARY STYLE - CARD VARIANTS
   Clean, minimal status indication
   ============================================ */

/* Default - Clean white card */
.task-card.unsigned-card[data-v-32315075] {
  --card-accent: #999;
}

/* Signed/Completed - Clean with subtle accent */
.task-card.card-signed[data-v-32315075] {
  --card-accent: #5F249F;
}

/* Priority - With coral/salmon accent */
.task-card.card-priority[data-v-32315075] {
  --card-accent: #FF6B6B;
}

/* Overdue - Subtle indication */
.task-card.card-overdue[data-v-32315075] {
  --card-accent: #EF4444;
}

/* ============================================
   COMPONENT LIBRARY STYLE - CARD BODY
   Clean, minimal content layout
   ============================================ */
.task-card .card-body[data-v-32315075] {
  position: relative;
  z-index: 2;
  padding: 10px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  background: transparent;
  min-height: auto;
}

/* ============================================
   PRACTICAL UI - CARD HEADER
   Like team member row with avatar and info
   ============================================ */
.task-primary-layer[data-v-32315075] {
  margin-bottom: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.notebook-title[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
.title-content[data-v-32315075] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1px;
}

/* Mini Badges - Info clave siempre visible */
.card-mini-badges[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
  margin-top: 0;
}
.card-mini-badges.primary-info[data-v-32315075] {
  margin-top: 2px;
}
.card-mini-badges.actions-row[data-v-32315075] {
  margin-top: 3px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 26px; /* Asegurar altura mínima para los botones */
}
.mini-badge[data-v-32315075] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  font-size: 0.688rem;  /* 11px */
  font-weight: 500;
  padding: 2px 6px;
  border-radius: 4px;
  line-height: 1.4;
  white-space: nowrap;
}
.mini-badge i[data-v-32315075] {
  font-size: 0.75rem;
  opacity: 0.8;
}
.mini-badge.segmento[data-v-32315075] {
  background: var(--neonet-purple-50);
  color: var(--neonet-purple-700);
  border: 1px solid var(--neonet-purple-200);
}
.mini-badge.canal[data-v-32315075] {
  background: var(--neonet-yellow-50);
  color: var(--neonet-yellow-800);
  border: 1px solid var(--neonet-yellow-200);
}
.mini-badge.categoria[data-v-32315075] {
  background: var(--neonet-purple-100);
  color: var(--neonet-purple-800);
  border: 1px solid var(--neonet-purple-300);
}
.mini-badge.firmado[data-v-32315075] {
  background: var(--neonet-success-50);
  color: var(--neonet-success-700);
  border: 1px solid var(--neonet-success-200);
}

/* Action Icon Buttons - Minimalistas en línea */
.action-icon-btn[data-v-32315075] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: none;
  background: var(--neonet-gray-200);
  color: var(--neonet-gray-600);
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  font-size: 0.75rem;
  padding: 0;
  position: relative;
}
.action-icon-btn i[data-v-32315075] {
  font-size: 0.875rem;
}
.action-icon-btn .count[data-v-32315075] {
  position: absolute;
  top: -4px;
  right: -4px;
  background: var(--neonet-purple-500);
  color: white;
  font-size: 0.625rem;
  font-weight: 600;
  border-radius: 8px;
  padding: 1px 4px;
  line-height: 1;
  min-width: 14px;
  text-align: center;
}
.action-icon-btn.firmado[data-v-32315075] {
  background: var(--neonet-gray-300);
  color: var(--neonet-gray-600);
}
.action-icon-btn.firmado.is-signed[data-v-32315075] {
  background: var(--neonet-success-500);
  color: white;
}
.action-icon-btn.resumen[data-v-32315075]:hover {
  background: var(--neonet-purple-100);
  color: var(--neonet-purple-700);
}
.action-icon-btn.documentos[data-v-32315075]:hover {
  background: var(--neonet-yellow-100);
  color: var(--neonet-yellow-700);
}
.action-icon-btn.actividades[data-v-32315075]:hover {
  background: var(--neonet-purple-100);
  color: var(--neonet-purple-700);
}

/* Client Header Row */
.client-header[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--pui-space-sm);
  position: relative;
}

/* Status Indicator - Practical UI Style (like avatar) */
.status-indicator[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--pui-bg-surface);
  border: 2px solid var(--pui-border-light);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: border-color 0.15s ease;
  transition: border-color 0.15s ease;
}
.task-card:hover .status-indicator[data-v-32315075] {
  border-color: var(--card-accent, var(--pui-primary));
}
.status-dot[data-v-32315075] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.15s ease;
  transition: -webkit-transform 0.15s ease;
  transition: transform 0.15s ease;
  transition: transform 0.15s ease, -webkit-transform 0.15s ease;
}
.task-card:hover .status-dot[data-v-32315075] {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/* Client Information - Practical UI Typography */
.client-info[data-v-32315075] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.client-name[data-v-32315075] {
  font-size: 0.8125rem;  /* 13px - más compacto */
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  color: var(--neonet-gray-900);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', sans-serif;
  letter-spacing: -0.01em;
}
.client-nit[data-v-32315075] {
  font-size: 0.6875rem;  /* 11px - más compacto */
  color: var(--neonet-gray-600);
  line-height: 1.3;
  margin: 0;
  font-weight: 500;
  font-family: -apple-system, BlinkMacSystemFont, 'SF Mono', 'Monaco', 'Consolas', monospace;
  letter-spacing: 0.01em;
}

/* Primary Actions - Practical UI Style */
.primary-actions[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--pui-space-sm);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.doc-count-btn[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  background: var(--pui-primary-light);
  border: none;
  border-radius: var(--pui-radius-sm);
  padding: 6px 10px;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--pui-primary);
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.doc-count-btn[data-v-32315075]:hover {
  background: var(--pui-primary);
  color: white;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.doc-count-btn i[data-v-32315075] {
  font-size: 0.875rem;
}

/* ============================================
   PRACTICAL UI - EXPANDED DETAILS
   Shows on hover - clean organized info
   ============================================ */
.task-secondary-layer[data-v-32315075] {
  opacity: 0;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
  -webkit-transition: opacity 0.15s ease, -webkit-transform 0.15s ease;
  transition: opacity 0.15s ease, -webkit-transform 0.15s ease;
  transition: opacity 0.15s ease, transform 0.15s ease;
  transition: opacity 0.15s ease, transform 0.15s ease, -webkit-transform 0.15s ease;
  margin-top: var(--pui-space-sm);
  padding-top: var(--pui-space-sm);
  border-top: 1px solid var(--pui-border-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--pui-space-xs);
  pointer-events: none;
}
.task-card:hover .task-secondary-layer[data-v-32315075] {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  pointer-events: auto;
}

/* ============================================
   PRACTICAL UI - INFO SECTIONS
   Clean organized information display
   ============================================ */
.notebook-section[data-v-32315075] {
  margin-bottom: var(--pui-space-xs);
}
.notebook-section[data-v-32315075]:last-child {
  margin-bottom: 0;
}
.section-title[data-v-32315075] {
  display: block;
  font-size: 0.625rem;
  color: var(--pui-text-muted);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
  font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', sans-serif;
}
.section-content[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
}

/* Task Responses Section */
.tasks-responses[data-v-32315075] {
  border-top: 1px solid rgba(59, 130, 246, 0.15);
  padding-top: var(--pui-space-xs);
  margin-top: var(--pui-space-xs);
}
.task-response-item[data-v-32315075] {
  margin-bottom: 6px;
}
.task-response-item[data-v-32315075]:last-child {
  margin-bottom: 0;
}
.task-response-header[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--pui-text-primary);
  margin-bottom: 2px;
}
.task-response-header i[data-v-32315075] {
  font-size: 0.75rem;
  color: var(--pui-primary);
}
.task-response-data[data-v-32315075] {
  font-size: 0.6875rem;
  color: var(--pui-text-secondary);
  line-height: 1.3;
  padding-left: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Rejection Section - Practical UI Danger Style */
.rejection[data-v-32315075] {
  border-top: 1px solid rgba(239, 68, 68, 0.2);
  padding-top: var(--pui-space-xs);
  margin-top: var(--pui-space-xs);
}
.rejection-content[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--pui-danger);
  background: rgba(239, 68, 68, 0.08);
  padding: 6px 10px;
  border-radius: var(--pui-radius-sm);
  border: none;
}
.rejection-content i[data-v-32315075] {
  font-size: 0.875rem;
}

/* Action Buttons - Deck Navigation */
.section-content.action-buttons[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.action-deck-btn[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid var(--neonet-gray-200);
  background: white;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--neonet-gray-700);
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  width: 100%;
  text-align: left;
}
.action-deck-btn[data-v-32315075]:hover {
  background: var(--neonet-gray-50);
  border-color: var(--neonet-purple-300);
  color: var(--neonet-purple-700);
}
.action-deck-btn i[data-v-32315075] {
  font-size: 0.875rem;
  color: var(--neonet-purple-500);
}
.action-deck-btn.resumen[data-v-32315075]:hover {
  background: var(--neonet-purple-50);
  border-color: var(--neonet-purple-300);
}
.action-deck-btn.documentos[data-v-32315075]:hover {
  background: var(--neonet-yellow-50);
  border-color: var(--neonet-yellow-300);
}
.action-deck-btn.actividades[data-v-32315075]:hover {
  background: var(--neonet-gray-50);
  border-color: var(--neonet-gray-300);
}

/* Info Items - Practical UI Pills */
.info-item[data-v-32315075] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: var(--pui-text-secondary);
  background: var(--pui-bg-surface);
  border: 1px solid var(--pui-border-light);
  border-radius: var(--pui-radius-sm);
  padding: 4px 8px;
  white-space: normal;  /* Permitir wrap de texto */
  font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', sans-serif;
  font-weight: 400;
  line-height: 1.2;
  -webkit-transition: background 0.15s ease, border-color 0.15s ease;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.info-item[data-v-32315075]:hover {
  background: var(--pui-bg-white);
  border-color: var(--pui-border-default);
}
.info-item i[data-v-32315075] {
  font-size: 0.75rem;
  color: var(--pui-text-muted);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.info-item span[data-v-32315075] {
  /* Sin ellipsis - mostrar texto completo */
  white-space: normal;
  word-wrap: break-word;
}


/* Rejection Reason */
.rejection-reason[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  font-size: 0.7rem;
  color: #dc2626;
  background: rgba(220, 38, 38, 0.05);
  border: 1px solid rgba(220, 38, 38, 0.1);
  border-radius: 4px;
  padding: 0.25rem 0.4rem;
}
.rejection-reason i[data-v-32315075] {
  font-size: 0.7rem;
}

/* Status-based Styling */
.status-signed[data-v-32315075] {
  color: #6C2E9C;
}
.status-pending[data-v-32315075] {
  color: var(--neonet-gray-400);
}
.status-overdue[data-v-32315075] {
  color: #EF4444;
}
.status-due-soon[data-v-32315075] {
  color: #F59E0B;
}

/* Status-based card accents */
.task-card.card-signed .client-name[data-v-32315075] {
  color: #1f2937;
}
.task-card.card-overdue .client-name[data-v-32315075] {
  color: #7f1d1d;
}
.task-card.card-priority .doc-count-btn[data-v-32315075] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.2);
  color: #b45309;
}
.task-card.card-priority .doc-count-btn[data-v-32315075]:hover {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.3);
}

/* Accessibility: Reduce Motion */
@media (prefers-reduced-motion: reduce) {
.task-card[data-v-32315075] {
    -webkit-transition: none;
    transition: none;
}
.task-card[data-v-32315075]:hover {
    -webkit-transform: none;
            transform: none;
}
}

/* Enhanced card body - Flexible layout */
.task-card .card-body[data-v-32315075] {
  padding: 8px 12px 4px; /* Padding mínimo vertical */
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;  /* Permitir crecer */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;  /* No forzar space-between */
  gap: 4px; /* Gap reducido entre elementos */
  overflow: visible;  /* Mostrar todo el contenido */
}

/* Permitir overflow en hover para mostrar todo el contenido */
.task-card:hover .card-body[data-v-32315075],
.task-card.card-loading .card-body[data-v-32315075] {
  overflow: visible !important;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: auto;
}

/* Task section spacing - Premium layout */
.task-section[data-v-32315075] {
  margin-bottom: var(--kb-card-section-gap);
}
.task-section[data-v-32315075]:last-child {
  margin-bottom: 0;
}

/* Title section - Always at top */
.task-section--title[data-v-32315075] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: 0.75rem;
}

/* Meta section - Flexible middle */
.task-section--meta[data-v-32315075] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 40px;
}

/* Badge sections - Always at bottom */
.task-section--badges-primary[data-v-32315075],
.task-section--badges-secondary[data-v-32315075] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: auto;
}

/* Typography hierarchy - Premium standard */
.task-section--title[data-v-32315075] {
  line-height: 1.3;
}
.task-card .card-title[data-v-32315075],
.task-card .card-title-text[data-v-32315075] {
  font-weight: 700;
  letter-spacing: .01em;
  font-size: 0.85rem;
  margin-bottom: 0;
}

/* Title text truncation for uniform height */
.task-section--title .fw-600[data-v-32315075] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
  max-height: 2.8rem;
}
.task-section--meta[data-v-32315075] {
  color: var(--tblr-text-muted);
  line-height: 1.35;
}

/* Meta text optimization */
.task-section--meta .text-muted[data-v-32315075] {
  font-size: 0.75rem;
  line-height: 1.4;
}

/* Badge container styling - Premium alignment */
.task-badges[data-v-32315075],
.task-badges-primary[data-v-32315075],
.task-badges-secondary[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.35rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.5rem;
}

/* Ensure badges don't break card height */
.task-section--badges-primary .task-badges-primary[data-v-32315075],
.task-section--badges-secondary .task-badges-secondary[data-v-32315075] {
  max-height: 2rem;
  overflow: hidden;
}

/* ============================================
   PRACTICAL UI + NEONET - STATUS BADGES
   Pill-shaped badges with NeoNet brand colors
   ============================================ */
.task-card .badge[data-v-32315075] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--pui-space-4);
  border-radius: var(--pui-radius-full);
  padding: var(--pui-space-4) var(--pui-space-12);
  font-family: var(--pui-font-family);
  font-weight: var(--pui-font-medium);
  font-size: var(--pui-text-xs);
  letter-spacing: 0;
  border: none;
  white-space: nowrap;
  -webkit-transition: -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  transition: transform 0.15s ease, box-shadow 0.15s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.task-card:hover .badge[data-v-32315075] {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

/* NeoNet Primary Badge - Purple */
.badge-primary[data-v-32315075],
.task-card .badge.bg-primary[data-v-32315075] {
  background: var(--neo-pastel-purple) !important;
  color: var(--neo-primary) !important;
}

/* NeoNet Secondary Badge - Yellow */
.badge-secondary[data-v-32315075],
.task-card .badge.bg-yellow[data-v-32315075] {
  background: var(--neo-pastel-yellow) !important;
  color: var(--neo-secondary-darker) !important;
}

/* Completed/Signed - NeoNet Purple (success in NeoNet context) */
.badge-accepted[data-v-32315075],
.badge-signed[data-v-32315075],
.task-card .badge.bg-success[data-v-32315075] {
  background: var(--neo-pastel-purple) !important;
  color: var(--neo-primary) !important;
}

/* Pending/In Progress - NeoNet Yellow */
.badge-pending[data-v-32315075],
.task-card .badge.bg-warning[data-v-32315075] {
  background: var(--neo-pastel-yellow) !important;
  color: var(--neo-secondary-darker) !important;
}

/* Declined/Error - Practical UI Danger */
.badge-declined[data-v-32315075],
.badge-error[data-v-32315075],
.task-card .badge.bg-danger[data-v-32315075] {
  background: var(--pui-danger-light) !important;
  color: var(--pui-danger) !important;
}

/* Info/Notice - Practical UI Info */
.task-card .badge.bg-info[data-v-32315075] {
  background: var(--pui-info-light) !important;
  color: var(--pui-info) !important;
}

/* Neutral/Secondary - Gray */
.task-card .badge.bg-secondary[data-v-32315075],
.unsigned-card .badge[data-v-32315075] {
  background: var(--pui-neutral-100) !important;
  color: var(--pui-neutral-600) !important;
}

/* Badge with count (notification style) */
.badge-count[data-v-32315075] {
  min-width: 20px;
  height: 20px;
  padding: 0 var(--pui-space-8);
  border-radius: var(--pui-radius-full);
  font-size: var(--pui-text-xs);
  font-weight: var(--pui-font-semibold);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--neo-primary);
  color: var(--pui-text-on-primary);
}

/* Badge Icons */
.task-card .badge i[data-v-32315075] {
  font-size: var(--pui-text-sm);
}
.card-content-blur[data-v-32315075] {
  -webkit-filter: blur(2px);
          filter: blur(2px);
  opacity: 0.7;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease, -webkit-filter 0.3s ease;
  transition: opacity 0.3s ease, -webkit-filter 0.3s ease;
  transition: filter 0.3s ease, opacity 0.3s ease;
  transition: filter 0.3s ease, opacity 0.3s ease, -webkit-filter 0.3s ease;
}

/* ============================================
   ATC CARD STYLES - Casos de Atención al Cliente
   ============================================ */
.atc-card-primary[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.atc-header[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 4px;
}
.atc-badge[data-v-32315075] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3px 8px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #ffffff;
  background: #5F249F;
  border-radius: 4px;
  letter-spacing: 0.02em;
}
.atc-proceso[data-v-32315075] {
  font-size: 0.65rem;
  font-weight: 600;
  color: var(--neonet-gray-500);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
}
.atc-nombre[data-v-32315075],
.atc-afiliacion[data-v-32315075],
.atc-nit[data-v-32315075] {
  font-size: 0.7rem;
  line-height: 1.3;
  color: #374151;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.atc-nombre strong[data-v-32315075],
.atc-afiliacion strong[data-v-32315075],
.atc-nit strong[data-v-32315075] {
  color: var(--neonet-gray-500);
  font-weight: 500;
}

/* ATC Secondary - Hidden by default, shown on hover */
.atc-card-secondary[data-v-32315075] {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #E5E7EB;
}
.task-card:hover .atc-card-secondary[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.atc-info-row[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 0.7rem;
  color: #374151;
}
.atc-info-row i[data-v-32315075] {
  font-size: 0.8rem;
  color: var(--neonet-gray-400);
  width: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.atc-info-row span[data-v-32315075] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.atc-date[data-v-32315075] {
  color: var(--neonet-gray-500);
  font-size: 0.65rem;
}

/* ATC Card specific adjustments */
.task-card[data-v-32315075]:has(.atc-card-primary) {
  min-height: 100px;
  max-height: 130px;
}
.task-card[data-v-32315075]:has(.atc-card-primary):hover {
  min-height: 160px;
  max-height: 220px;
}
.task-card .card-title-text[data-v-32315075] {
  font-size: 1rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.task-attachment[data-v-32315075] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.75rem;
}
.task-date[data-v-32315075] {
  font-size: 0.8rem;
}
.task-dragging[data-v-32315075] {
  opacity: 0.7;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  -webkit-box-shadow: 0 0 20px rgba(var(--tblr-primary-rgb), 0.3);
          box-shadow: 0 0 20px rgba(var(--tblr-primary-rgb), 0.3);
}
.column-drop-active[data-v-32315075] {
  background-color: rgba(var(--tblr-primary-rgb), 0.05);
  border-color: var(--tblr-primary);
  -webkit-box-shadow: 0 0 0 2px rgba(var(--tblr-primary-rgb), 0.15);
          box-shadow: 0 0 0 2px rgba(var(--tblr-primary-rgb), 0.15);
}

/* ============================================
   PRACTICAL UI - EMPTY STATE
   Clean, friendly empty state
   ============================================ */
.empty-column[data-v-32315075] {
  text-align: center;
  padding: var(--pui-space-xl) var(--pui-space-lg);
  color: var(--pui-text-muted);
  border-radius: var(--pui-radius-md);
  background: var(--pui-bg-surface);
  border: 1px dashed var(--pui-border-light);
}
.empty-column .empty-img[data-v-32315075] {
  margin-bottom: var(--pui-space-md);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.empty-column .empty-img i[data-v-32315075] {
  font-size: 2.5rem;
  color: var(--pui-text-muted);
  opacity: 0.5;
}
.empty-column .empty-title[data-v-32315075] {
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: var(--pui-space-xs);
  color: var(--pui-text-secondary);
  line-height: 1.3;
  font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', sans-serif;
}
.empty-column .empty-subtitle[data-v-32315075] {
  font-size: 0.8125rem;
  color: var(--pui-text-muted);
  line-height: 1.4;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', sans-serif;
}

/* Visor de documentos */
.document-container[data-v-32315075] {
  min-height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid var(--tblr-border-color);
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: var(--tblr-gray-100);
}
.document-image[data-v-32315075] {
  max-height: 600px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.pdf-viewer[data-v-32315075] {
  width: 100%;
  height: 600px;
  border: none;
}

/* Scrollbar personalizado */
.kanban-items-container[data-v-32315075]::-webkit-scrollbar {
  width: 6px;
}
.kanban-items-container[data-v-32315075]::-webkit-scrollbar-track {
  background: transparent;
}
.kanban-items-container[data-v-32315075]::-webkit-scrollbar-thumb {
  background-color: var(--tblr-border-color);
  border-radius: 3px;
}
.kanban-items-container[data-v-32315075]::-webkit-scrollbar-thumb:hover {
  background-color: var(--tblr-gray-400);
}

/* Modern unsigned cards - 2025 style */
.unsigned-card[data-v-32315075] {
  opacity: 0.8;
  background: linear-gradient(135deg, rgba(156, 163, 175, 0.08) 0%, rgba(229, 231, 235, 0.05) 100%) !important;
  border: 1px dashed rgba(156, 163, 175, 0.3);
  -webkit-box-shadow: 0 1px 3px rgba(156, 163, 175, 0.1);
          box-shadow: 0 1px 3px rgba(156, 163, 175, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.unsigned-card[data-v-32315075]:hover {
  opacity: 0.9;
  border-color: rgba(156, 163, 175, 0.4);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 8px rgba(156, 163, 175, 0.15);
          box-shadow: 0 2px 8px rgba(156, 163, 175, 0.15);
}
.unsigned-card[data-v-32315075]::before {
  background: linear-gradient(135deg, #9CA3AF 0%, #6B7280 100%);
  opacity: 0.3;
}

/* Forzar colores grises directamente en badges - TODOS los selectores posibles */
.unsigned-card .badge[data-v-32315075],
.unsigned-card span.badge[data-v-32315075],
.unsigned-card span[class*="badge"][data-v-32315075] {
  background-color: #6c757d !important;
  color: #ffffff !important;
  border-color: #6c757d !important;
}

/* Selectores para colores RGB específicos */
.unsigned-card span[style*="rgb(255, 224, 102)"][data-v-32315075],
.unsigned-card span[style*="rgb(139, 93, 199)"][data-v-32315075],
.unsigned-card span[style*="rgb(108, 117, 125)"][data-v-32315075],
.unsigned-card span[style*="background-color: rgb"][data-v-32315075],
.unsigned-card span[style*="background-color:#"][data-v-32315075],
.unsigned-card span[style*="background-color: #"][data-v-32315075] {
  background-color: #6c757d !important;
  color: #ffffff !important;
}

/* Selectores para colores de texto específicos */
.unsigned-card span[style*="rgb(103, 38, 172)"][data-v-32315075],
.unsigned-card span[style*="color: rgb"][data-v-32315075],
.unsigned-card span[style*="color:#"][data-v-32315075],
.unsigned-card span[style*="color: #"][data-v-32315075] {
  color: #ffffff !important;
}
.unsigned-card .text-muted[data-v-32315075] {
  color: #6c757d !important;
}

/* Indicadores de progreso de columna */
.column-progress-indicator[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.column-progress-indicator .progress[data-v-32315075] {
  border-radius: 2px;
  background-color: rgba(var(--tblr-border-color-rgb), 0.3);
}

/* Métricas de columna */
.column-metrics[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.metric-item[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: var(--tblr-text-muted);
}
.metric-item i[data-v-32315075] {
  font-size: 0.875rem;
}

/* Indicadores de prioridad */
/* Drag and drop safeguards */
.sortable-ghost .task-card[data-v-32315075],
.sortable-chosen .task-card[data-v-32315075] {
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-box-shadow: var(--kb-card-shadow) !important;
          box-shadow: var(--kb-card-shadow) !important;
}
.priority-indicator[data-v-32315075] {
  position: absolute;
  top: 2px;
  left: 0;
  width: 4px;
  height: calc(100% - 4px);
  border-top-left-radius: var(--kb-card-radius);
  border-bottom-left-radius: var(--kb-card-radius);
  z-index: 2;
}
.priority-indicator.priority-high[data-v-32315075] {
  background: var(--kb-gradient-danger);
  -webkit-box-shadow: 0 0 8px rgba(239, 68, 68, 0.4);
          box-shadow: 0 0 8px rgba(239, 68, 68, 0.4);
  -webkit-animation: pulse-danger-32315075 2s infinite;
          animation: pulse-danger-32315075 2s infinite;
}
.priority-indicator.priority-medium[data-v-32315075] {
  background: var(--kb-gradient-primary);
  -webkit-box-shadow: 0 0 6px rgba(139, 93, 199, 0.3);
          box-shadow: 0 0 6px rgba(139, 93, 199, 0.3);
}
.priority-indicator.priority-low[data-v-32315075] {
  background: var(--kb-gradient-secondary);
  -webkit-box-shadow: 0 0 4px rgba(99, 102, 241, 0.2);
          box-shadow: 0 0 4px rgba(99, 102, 241, 0.2);
}
@-webkit-keyframes pulse-danger-32315075 {
0% {
    opacity: 1;
}
50% {
    opacity: 0.6;
}
100% {
    opacity: 1;
}
}
@keyframes pulse-danger-32315075 {
0% {
    opacity: 1;
}
50% {
    opacity: 0.6;
}
100% {
    opacity: 1;
}
}

/* Indicadores de tiempo */
.time-indicator[data-v-32315075] {
  position: absolute;
  top: calc(var(--kb-card-p-y) / 2 + 2px);
  right: calc(var(--kb-card-p-x) / 2);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  font-size: 0.75rem;
  z-index: 3;
}
.time-indicator.overdue[data-v-32315075] {
  background: var(--kb-gradient-danger);
  -webkit-box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4);
          box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4);
  -webkit-animation: pulse-danger-32315075 2s infinite;
          animation: pulse-danger-32315075 2s infinite;
  border: 2px solid rgba(255, 255, 255, 0.9);
}
.time-indicator.due-soon[data-v-32315075] {
  background: var(--kb-gradient-warning);
  -webkit-box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
          box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
  -webkit-animation: pulse-warning-32315075 2s infinite;
          animation: pulse-warning-32315075 2s infinite;
  border: 2px solid rgba(255, 255, 255, 0.9);
}
@-webkit-keyframes pulse-warning-32315075 {
0% {
    opacity: 1;
}
50% {
    opacity: 0.7;
}
100% {
    opacity: 1;
}
}
@keyframes pulse-warning-32315075 {
0% {
    opacity: 1;
}
50% {
    opacity: 0.7;
}
100% {
    opacity: 1;
}
}

/* Clases de prioridad para tarjetas */
.task-priority-high[data-v-32315075] {
  border-left: 4px solid var(--tblr-danger);
}
.task-priority-medium[data-v-32315075] {
  border-left: 4px solid var(--tblr-warning);
}
.task-priority-low[data-v-32315075] {
  border-left: 4px solid var(--tblr-info);
}

/* Clases de estado para tarjetas */
.task-overdue[data-v-32315075] {
  background-color: rgba(var(--tblr-danger-rgb), 0.05);
  border-color: rgba(var(--tblr-danger-rgb), 0.3);
}
.task-due-soon[data-v-32315075] {
  background-color: rgba(var(--tblr-warning-rgb), 0.05);
  border-color: rgba(var(--tblr-warning-rgb), 0.3);
}
.task-complete[data-v-32315075] {
  background-color: rgba(var(--tblr-success-rgb), 0.05);
  border-color: rgba(var(--tblr-success-rgb), 0.3);
}

/* Contenedor de progreso de tarea */
.task-progress-container[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.25rem;
}
.task-progress-bar-container[data-v-32315075] {
  position: relative;
}
.task-progress-bar-container .progress[data-v-32315075] {
  border-radius: 2px;
  background-color: rgba(var(--tblr-border-color-rgb), 0.3);
}

/* Indicadores de estado */
.task-status-indicators[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.status-dot[data-v-32315075] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}
.status-dot.bg-primary[data-v-32315075] {
  background-color: var(--tblr-primary) !important;
}
.status-dot.bg-warning[data-v-32315075] {
  background-color: var(--tblr-warning) !important;
  -webkit-animation: pulse-warning-32315075 2s infinite;
          animation: pulse-warning-32315075 2s infinite;
}
.status-dot.bg-danger[data-v-32315075] {
  background-color: var(--tblr-danger) !important;
  -webkit-animation: pulse-danger-32315075 2s infinite;
          animation: pulse-danger-32315075 2s infinite;
}
.status-dot.bg-success[data-v-32315075] {
  background-color: var(--tblr-success) !important;
}

/* Indicadores de carga de columna */
.kanban-column-header .spinner-border-sm[data-v-32315075] {
  width: 1rem;
  height: 1rem;
  border-width: 0.1em;
}

/* ========================================
   HEADER INTEGRADO MINIMALISTA
======================================== */
.kanban-integrated-header[data-v-32315075] {
  margin-bottom: 0.5rem;
}
.board-quick-actions[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}
.board-quick-actions .btn[data-v-32315075] {
  border: none;
  background: transparent;
  color: var(--tblr-muted);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 4px;
}
.board-quick-actions .btn[data-v-32315075]:hover {
  background: rgba(var(--tblr-primary-rgb), 0.1);
  color: var(--tblr-primary);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.board-quick-actions .btn.active[data-v-32315075] {
  background: var(--tblr-primary);
  color: white;
  -webkit-box-shadow: 0 1px 3px rgba(var(--tblr-primary-rgb), 0.3);
          box-shadow: 0 1px 3px rgba(var(--tblr-primary-rgb), 0.3);
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
.column-metrics[data-v-32315075] {
    display: none;
}
.column-progress-indicator[data-v-32315075] {
    display: none;
}
.time-indicator[data-v-32315075] {
    width: 18px;
    height: 18px;
    font-size: 0.7rem;
}
}
@media (max-width: 767.98px) {
.priority-indicator[data-v-32315075] {
    width: 3px;
}
.task-progress-container[data-v-32315075] {
    display: none;
}
.status-dot[data-v-32315075] {
    width: 5px;
    height: 5px;
}
}

/* ===== Deck Document Viewer Styles ===== */

/* Loading state */
.deck-loading[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 60vh;
  color: var(--neonet-gray-600);
}
.deck-loading .loading-spinner[data-v-32315075] {
  font-size: 48px;
  color: #206bc4;
  margin-bottom: 16px;
}
.deck-loading .loading-spinner i[data-v-32315075] {
  -webkit-animation: spin-32315075 1s linear infinite;
          animation: spin-32315075 1s linear infinite;
}
.deck-loading p[data-v-32315075] {
  font-size: 16px;
  margin: 0;
}
@-webkit-keyframes spin-32315075 {
from { -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
@keyframes spin-32315075 {
from { -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
.deck-document-viewer[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 80vh;
  background: #f8f9fa;
  border-radius: 12px;
  overflow: hidden;
}
.deck-header[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 20px;
  background: white;
  border-bottom: 1px solid #eee;
}
.deck-title[data-v-32315075] {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn-close-deck[data-v-32315075] {
  width: 36px;
  height: 36px;
  border: none;
  background: #f5f5f5;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--neonet-gray-600);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn-close-deck[data-v-32315075]:hover {
  background: #e0e0e0;
  color: #333;
}
.deck-thumbnails[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: white;
  border-bottom: 1px solid #eee;
}
.thumb-nav-btn[data-v-32315075] {
  width: 32px;
  height: 32px;
  border: 1px solid #ddd;
  background: white;
  border-radius: 6px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--neonet-gray-600);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.thumb-nav-btn[data-v-32315075]:hover:not(:disabled) {
  background: #f5f5f5;
  border-color: #ccc;
}
.thumb-nav-btn[data-v-32315075]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.thumbnails-container[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  overflow-x: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 4px 0;
  scrollbar-width: thin;
}
.thumbnails-container[data-v-32315075]::-webkit-scrollbar {
  height: 4px;
}
.thumbnails-container[data-v-32315075]::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 2px;
}
.deck-thumb[data-v-32315075] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 80px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.deck-thumb .thumb-preview[data-v-32315075] {
  width: 80px;
  height: 60px;
  background: #f0f0f0;
  border-radius: 8px;
  border: 2px solid transparent;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.deck-thumb .thumb-preview img[data-v-32315075] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.deck-thumb .thumb-preview i[data-v-32315075] {
  font-size: 24px;
  color: #5F239F;
}
.deck-thumb.active .thumb-preview[data-v-32315075] {
  border-color: #5F239F;
  -webkit-box-shadow: 0 4px 12px rgba(95, 35, 159, 0.2);
          box-shadow: 0 4px 12px rgba(95, 35, 159, 0.2);
}
.deck-thumb .thumb-label[data-v-32315075] {
  font-size: 11px;
  color: var(--neonet-gray-600);
  text-align: center;
  margin-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.deck-thumb.active .thumb-label[data-v-32315075] {
  color: #5F239F;
  font-weight: 600;
}
.deck-preview[data-v-32315075] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  padding: 20px;
}
.preview-content[data-v-32315075] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.preview-image[data-v-32315075] {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 32px rgba(0,0,0,0.1);
          box-shadow: 0 8px 32px rgba(0,0,0,0.1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.preview-pdf[data-v-32315075] {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 32px rgba(0,0,0,0.1);
          box-shadow: 0 8px 32px rgba(0,0,0,0.1);
}
.preview-fallback[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #999;
  gap: 12px;
}
.preview-fallback i[data-v-32315075] {
  font-size: 64px;
  opacity: 0.5;
}
.preview-fallback span[data-v-32315075] {
  font-size: 16px;
}
.deck-controls[data-v-32315075] {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(10px);
  padding: 10px 16px;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.15);
          box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}
.controls-group[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.control-btn[data-v-32315075] {
  width: 36px;
  height: 36px;
  border: none;
  background: #f5f5f5;
  border-radius: 8px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--neonet-gray-600);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.control-btn[data-v-32315075]:hover:not(:disabled) {
  background: #5F239F;
  color: white;
}
.control-btn[data-v-32315075]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.control-counter[data-v-32315075],
.control-zoom[data-v-32315075] {
  font-size: 13px;
  font-weight: 600;
  color: #333;
  min-width: 50px;
  text-align: center;
}
.deck-empty[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 60px 20px;
  color: #999;
}
.deck-empty i[data-v-32315075] {
  font-size: 64px;
  opacity: 0.4;
  margin-bottom: 16px;
}
.deck-empty p[data-v-32315075] {
  font-size: 18px;
  font-weight: 600;
  color: var(--neonet-gray-600);
  margin-bottom: 8px;
}
.deck-empty span[data-v-32315075] {
  font-size: 14px;
}

/* Dialog override for deck viewer */
[data-v-32315075] .deck-document-dialog {
  --el-dialog-padding-primary: 0;
}
[data-v-32315075] .deck-document-dialog .el-dialog__header {
  display: none;
}
[data-v-32315075] .deck-document-dialog .el-dialog__body {
  padding: 0;
}

/* ============================================
   KEYBOARD HINTS OVERLAY
   Glassmorphism design - contextual hints
   ============================================ */
.kanban-keyboard-hints[data-v-32315075] {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.hint-group[data-v-32315075] {
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 12px;
  padding: 10px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.hint-label[data-v-32315075] {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 2px;
}
.hint-items[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.hint-item[data-v-32315075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
}
.hint-item span[data-v-32315075] {
  color: rgba(255, 255, 255, 0.75);
}
.hint-help[data-v-32315075] {
  background: rgba(95, 35, 159, 0.4);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 12px;
  padding: 8px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* kbd styling para hints */
.kanban-keyboard-hints kbd[data-v-32315075] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 5px;
  font-size: 10px;
  font-weight: 600;
  color: white;
  font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Animación de aparición */
.hints-fade-enter-active[data-v-32315075],
.hints-fade-leave-active[data-v-32315075] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hints-fade-enter-from[data-v-32315075],
.hints-fade-leave-to[data-v-32315075] {
  opacity: 0;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}

/* Responsive - ocultar en móvil */
@media (max-width: 768px) {
.kanban-keyboard-hints[data-v-32315075] {
    display: none;
}

  /* ============================================
     MOBILE KANBAN - ULTRA COMPACT LAYOUT
     Inspirado en prototipos de Dribbble/Behance
     ============================================ */

  /* Column Header: Ultra compacto */
.kanban-column-header[data-v-32315075] {
    padding: 8px 10px;
    border-radius: 8px 8px 0 0;
}
.column-header-row1[data-v-32315075] {
    margin-bottom: 4px;
}
.column-title-badge[data-v-32315075] {
    width: 24px;
    height: 24px;
}
.column-title-badge i[data-v-32315075] {
    font-size: 12px;
}
.column-title[data-v-32315075] {
    font-size: 12px;
}
.column-count[data-v-32315075] {
    font-size: 10px;
    padding: 2px 6px;
    min-width: 20px;
}

  /* Ocultar métricas en móvil para ahorrar espacio */
.column-header-row2[data-v-32315075] {
    display: none;
}

  /* Column Actions: Más pequeños */
.column-header-actions[data-v-32315075] {
    gap: 4px;
}
.column-action-btn[data-v-32315075] {
    width: 26px;
    height: 26px;
    font-size: 12px;
}

  /* Cards: Ultra compactas - Solo info esencial */
.task-card[data-v-32315075] {
    margin-bottom: 8px;
    min-height: auto;
    border-radius: 8px;
}
.task-card .card-body[data-v-32315075] {
    padding: 8px 10px;
    gap: 2px;
}

  /* Ocultar indicadores de tiempo */
.time-indicator[data-v-32315075] {
    display: none;
}

  /* Status indicator: Más pequeño */
.status-indicator[data-v-32315075] {
    width: 28px;
    height: 28px;
}
.status-dot[data-v-32315075] {
    width: 8px;
    height: 8px;
}

  /* Client info: Ultra compacto */
.notebook-title[data-v-32315075] {
    gap: 4px;
}
.client-name[data-v-32315075] {
    font-size: 12px;
    -webkit-line-clamp: 1;
    max-height: 1.4em;
}
.client-nit[data-v-32315075] {
    font-size: 10px;
}

  /* Ocultar documentos button, mostrar solo contador */
.doc-count-btn[data-v-32315075] {
    padding: 2px 6px;
    font-size: 10px;
    min-width: 24px;
    height: 20px;
}
.doc-count-btn i[data-v-32315075] {
    font-size: 10px;
}
.doc-count-btn span[data-v-32315075] {
    display: none;
}

  /* Expediente number más pequeño */
.expediente-number[data-v-32315075] {
    font-size: 10px;
    padding: 2px 6px;
}

  /* Ocultar layer secundario en lista */
.task-secondary-layer[data-v-32315075] {
    display: none !important;
}

  /* Mostrar secondary layer en card seleccionada */
.task-card.card-keyboard-active .task-secondary-layer[data-v-32315075] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    gap: 4px;
    font-size: 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

  /* Primary actions: Más compactos */
.primary-actions[data-v-32315075] {
    gap: 4px;
}

  /* Quick actions: Más pequeños */
.quick-actions[data-v-32315075] {
    gap: 2px;
}
.quick-actions button[data-v-32315075] {
    width: 24px;
    height: 24px;
    font-size: 12px;
}

  /* Badges: Ocultar en lista normal */
.task-badges[data-v-32315075],
  .task-badges-primary[data-v-32315075],
  .task-badges-secondary[data-v-32315075],
  .badge-row[data-v-32315075] {
    display: none;
}

  /* Segmento badge: Más compacto */
.badge-segment[data-v-32315075] {
    font-size: 9px;
    padding: 2px 6px;
}

  /* Avatars: Más pequeños */
.avatar[data-v-32315075] {
    width: 20px;
    height: 20px;
    font-size: 9px;
}

  /* Column scroll: Touch optimizado */
.kanban-items-container[data-v-32315075] {
    -webkit-overflow-scrolling: touch;
    padding: 8px;
}

  /* Column: Ancho completo menos padding */
.kanban-column[data-v-32315075] {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
}
}

/* Mobile Portrait: Ultra compacto */
@media (max-width: 576px) {
.kanban-column-header[data-v-32315075] {
    padding: 6px 8px;
}
.column-title-badge[data-v-32315075] {
    width: 22px;
    height: 22px;
}
.column-title[data-v-32315075] {
    font-size: 11px;
}
.task-card .card-body[data-v-32315075] {
    padding: 6px 8px;
}
.client-name[data-v-32315075] {
    font-size: 11px;
}
.client-nit[data-v-32315075] {
    font-size: 9px;
}
.status-indicator[data-v-32315075] {
    width: 24px;
    height: 24px;
}

  /* Column: Full width */
.kanban-column[data-v-32315075] {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
}
}

.pdf-viewer-wrapper[data-v-e3beeae8] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #525659;
}
.pdf-loading-state,
.pdf-error-state {
&[data-v-e3beeae8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  color: #e0e0e0;
  }
.el-icon[data-v-e3beeae8], i[data-v-e3beeae8] {
    font-size: 48px;
    margin-bottom: 16px;
}
p[data-v-e3beeae8] {
    font-size: 14px;
    margin: 0;
}
}
.pdf-viewer-content[data-v-e3beeae8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.pdf-controls {
&[data-v-e3beeae8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 12px 20px;
  background: #323639;
  border-bottom: 1px solid #1a1a1a;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  }
.control-group {
&[data-v-e3beeae8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    }
.control-btn {
&[data-v-e3beeae8] {
      width: 36px;
      height: 36px;
      border: none;
      background: #525659;
      border-radius: 4px;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      color: #e0e0e0;
      }
i[data-v-e3beeae8] {
        font-size: 20px;
}
&[data-v-e3beeae8]:hover:not(:disabled) {
        background: #666a6d;
        color: white;
}
&[data-v-e3beeae8]:disabled {
        opacity: 0.3;
        cursor: not-allowed;
}
}
.zoom-display[data-v-e3beeae8],
    .page-display[data-v-e3beeae8] {
      font-size: 14px;
      font-weight: 500;
      color: #e0e0e0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 6px;
      min-width: 80px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
}
.page-input {
&[data-v-e3beeae8] {
      width: 50px;
      padding: 6px;
      border: 1px solid #525659;
      border-radius: 4px;
      text-align: center;
      font-size: 14px;
      background: #525659;
      color: #e0e0e0;
      }
&[data-v-e3beeae8]:focus {
        outline: none;
        border-color: #409eff;
        background: #666a6d;
}
&[data-v-e3beeae8]::-webkit-inner-spin-button,
      &[data-v-e3beeae8]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
}
}
}
}
.pdf-canvas-container {
&[data-v-e3beeae8] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  background: #525659;
  padding: 20px;
  }
&[data-v-e3beeae8]::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
&[data-v-e3beeae8]::-webkit-scrollbar-track {
    background: #323639;
}
&::-webkit-scrollbar-thumb {
&[data-v-e3beeae8] {
    background: #666a6d;
    border-radius: 6px;
    }
&[data-v-e3beeae8]:hover {
      background: #7a7e81;
}
}
}
.pdf-pages-wrapper[data-v-e3beeae8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  min-height: 100%;
  /* Padding extra para poder ver las orillas al hacer pan */
  padding: 40px 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pdf-canvas[data-v-e3beeae8] {
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
  background: white;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* Modo mano/pan */
.pdf-canvas-container.is-panning[data-v-e3beeae8] {
  cursor: -webkit-grab;
  cursor: grab;
}
.pdf-canvas-container.is-panning.is-dragging[data-v-e3beeae8] {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.pdf-canvas-container.is-panning .pdf-canvas[data-v-e3beeae8] {
  pointer-events: none;
}

/* Hint de atajos - aparece brevemente */
.pdf-canvas-container[data-v-e3beeae8]::after {
  content: 'Ctrl+Scroll: zoom • Ctrl+0: reset • Space: mano';
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.75);
  color: white;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  white-space: nowrap;
}
.pdf-canvas-container[data-v-e3beeae8]:focus-within::after,
.pdf-canvas-container[data-v-e3beeae8]:hover::after {
  -webkit-animation: hintFadeInOut-e3beeae8 3s ease forwards;
          animation: hintFadeInOut-e3beeae8 3s ease forwards;
}
@-webkit-keyframes hintFadeInOut-e3beeae8 {
0% { opacity: 0;
}
5% { opacity: 1;
}
80% { opacity: 1;
}
100% { opacity: 0;
}
}
@keyframes hintFadeInOut-e3beeae8 {
0% { opacity: 0;
}
5% { opacity: 1;
}
80% { opacity: 1;
}
100% { opacity: 0;
}
}

.unity-select-v2-wrapper[data-v-1bf40bed] {
  position: relative;
}

/* El wrapper es relativo para posicionar el dropdown correctamente */
.unity-lazy-select[data-v-1bf40bed] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

/* Igualar altura entre inputs y selects con form-control-sm */
.unity-select-v2-wrapper .form-control.form-control-sm[data-v-1bf40bed],
.unity-select-v2-wrapper .form-select.form-control-sm[data-v-1bf40bed] {
  min-height: calc(1.5em + 0.5rem + 4px); /* Ajustado para coincidir con selects */
  height: calc(1.5em + 0.5rem + 4px);
}

/* Ocultar el arrow down del select */
.unity-select-v2-wrapper .form-select[data-v-1bf40bed] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: none !important;
}

/* Estilo para el botón de refresh integrado */
.unity-select-v2-wrapper .btn-link[data-v-1bf40bed] {
  color: #6c757d;
  -webkit-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
}
.unity-select-v2-wrapper .btn-link[data-v-1bf40bed]:hover:not(:disabled) {
  color: #0d6efd;
}
.unity-select-v2-wrapper .btn-link[data-v-1bf40bed]:disabled {
  opacity: 0.5;
}
.unity-dropdown[data-v-1bf40bed] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 9999;
  max-height: 300px;
  overflow-y: auto;
  background: white;
  border: 1px solid #dee2e6;
  border-top: none;
  border-radius: 0 0 0.375rem 0.375rem;
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
          box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  display: none;
}
.unity-dropdown.show[data-v-1bf40bed] {
  display: block;
}
.unity-dropdown-item[data-v-1bf40bed] {
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  border-bottom: 1px solid #f8f9fa;
  -webkit-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}
.unity-dropdown-item[data-v-1bf40bed]:hover,
.unity-dropdown-item.active[data-v-1bf40bed] {
  background-color: #f8f9fa;
}
.unity-dropdown-item.selected[data-v-1bf40bed] {
  background-color: #e7f3ff;
  border-left: 3px solid #0d6efd;
}
.unity-dropdown-item[data-v-1bf40bed]:last-child {
  border-bottom: none;
}
.required[data-v-1bf40bed]::after {
  content: " *";
  color: #dc3545;
}

/* Estados de loading */
.form-control[data-v-1bf40bed]:disabled,
.form-select[data-v-1bf40bed]:disabled {
  background-color: #f8f9fa;
  opacity: 0.8;
}

/* Indicadores de estado */
.text-success[data-v-1bf40bed] {
  color: #198754 !important;
}
.text-info[data-v-1bf40bed] {
  color: #0dcaf0 !important;
}

/* Animaciones */
.unity-dropdown[data-v-1bf40bed] {
  -webkit-animation: fadeIn-1bf40bed 0.15s ease-out;
          animation: fadeIn-1bf40bed 0.15s ease-out;
}
@-webkit-keyframes fadeIn-1bf40bed {
from {
    opacity: 0;
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes fadeIn-1bf40bed {
from {
    opacity: 0;
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}

/* Animación para el ícono de refresh */
.ti-spin[data-v-1bf40bed] {
  -webkit-animation: spin-1bf40bed 1s linear infinite;
          animation: spin-1bf40bed 1s linear infinite;
}
@-webkit-keyframes spin-1bf40bed {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes spin-1bf40bed {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}

/* Estilo para el botón de refresh */
.btn-link.btn-sm[data-v-1bf40bed] {
  text-decoration: none;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.btn-link.btn-sm[data-v-1bf40bed]:hover:not(:disabled) {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.btn-link.btn-sm[data-v-1bf40bed]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Estilos Unity - campos con datos disponibles */
.field-unity-data[data-v-1bf40bed] {
  background-color: #fffbeb !important;
  border-color: #f59e0b !important;
  border-width: 2px !important;
}
.field-unity-data[data-v-1bf40bed]:focus {
  border-color: #d97706 !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(245, 158, 11, 0.25) !important;
          box-shadow: 0 0 0 0.2rem rgba(245, 158, 11, 0.25) !important;
}

/* Estilos Unity para el-select con datos disponibles */
.unity-select-v2-wrapper[data-v-1bf40bed] .field-unity-data.el-select .el-input__wrapper {
  background-color: #fffbeb !important;
  border-color: #f59e0b !important;
  border-width: 2px !important;
}
.unity-select-v2-wrapper[data-v-1bf40bed] .field-unity-data.el-select.is-focused .el-input__wrapper {
  border-color: #d97706 !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(245, 158, 11, 0.25) !important;
          box-shadow: 0 0 0 0.2rem rgba(245, 158, 11, 0.25) !important;
}
.unity-select-v2-wrapper[data-v-1bf40bed] .field-unity-data.el-select .el-input__wrapper:hover {
  border-color: #f59e0b !important;
}

/* Estilos base para el-select */
.unity-select-v2-wrapper[data-v-1bf40bed] .el-select {
  width: 100%;
}
.unity-select-v2-wrapper[data-v-1bf40bed] .el-select .el-input__wrapper {
  background-color: #fff !important;
  border: 1px solid #d9dee3 !important;
  border-radius: 0.375rem !important;
  padding: 0.4375rem 2.5rem 0.4375rem 0.875rem !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
  cursor: text !important;
}
.unity-select-v2-wrapper[data-v-1bf40bed] .el-select .el-input__wrapper:hover {
  border-color: #a8adb5 !important;
}
.unity-select-v2-wrapper[data-v-1bf40bed] .el-select.is-focused .el-input__wrapper {
  border-color: #696cff !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(105, 108, 255, 0.25) !important;
          box-shadow: 0 0 0 0.2rem rgba(105, 108, 255, 0.25) !important;
}
.unity-select-v2-wrapper[data-v-1bf40bed] .el-select .el-input__inner {
  color: #697a8d !important;
  font-size: 0.9375rem !important;
  height: auto !important;
  line-height: 1.53 !important;
  cursor: text !important;
}

/* Estilos para el input interno del select (el-select__input) */
.unity-select-v2-wrapper[data-v-1bf40bed] .el-select .el-select__input {
  color: #697a8d !important;
  font-size: 0.9375rem !important;
  font-family: inherit !important;
  cursor: text !important;
  -moz-appearance: none !important;
       appearance: none !important;
  -webkit-appearance: none !important;
}

/* Ocultar la flecha del select */
.unity-select-v2-wrapper[data-v-1bf40bed] .el-select .el-input__suffix {
  display: none !important;
}

/* Ocultar el icono de clear cuando aparece */
.unity-select-v2-wrapper[data-v-1bf40bed] .el-select .el-input__suffix-inner {
  display: none !important;
}

/* Estilos para el dropdown */
.unity-select-v2-wrapper[data-v-1bf40bed] .el-select-dropdown {
  border: 1px solid #d9dee3;
  border-radius: 0.375rem;
  -webkit-box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45);
          box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45);
}
.unity-select-v2-wrapper[data-v-1bf40bed] .el-select-dropdown__item {
  color: #697a8d;
  font-size: 0.9375rem;
  padding: 0.5rem 0.875rem;
}
.unity-select-v2-wrapper[data-v-1bf40bed] .el-select-dropdown__item:hover {
  background-color: rgba(105, 108, 255, 0.08);
}
.unity-select-v2-wrapper[data-v-1bf40bed] .el-select-dropdown__item.selected {
  color: #696cff;
  font-weight: 600;
}

/* Estado disabled */
.unity-select-v2-wrapper[data-v-1bf40bed] .el-select.is-disabled .el-input__wrapper {
  background-color: #eceef1;
  cursor: not-allowed;
}

/* Estado de error */
.unity-select-v2-wrapper[data-v-1bf40bed] .el-select.is-invalid .el-input__wrapper {
  border-color: #ff3e1d;
}
.unity-select-v2-wrapper[data-v-1bf40bed] .el-select.is-invalid.is-focused .el-input__wrapper {
  border-color: #ff3e1d;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 62, 29, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(255, 62, 29, 0.25);
}

.input-suggestions-wrapper[data-v-6a762c95] {
  position: relative;
}
.form-control.has-suggestions[data-v-6a762c95] {
  padding-right: 35px;
}
.suggestion-indicator[data-v-6a762c95] {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  color: var(--tblr-warning);
  font-size: 1.2rem;
  -webkit-animation: pulse-6a762c95 2s infinite;
          animation: pulse-6a762c95 2s infinite;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.suggestion-indicator[data-v-6a762c95]:hover {
  color: var(--tblr-warning-darken);
  -webkit-transform: translateY(-50%) scale(1.1);
          transform: translateY(-50%) scale(1.1);
}
@-webkit-keyframes pulse-6a762c95 {
0%, 100% { opacity: 1;
}
50% { opacity: 0.6;
}
}
@keyframes pulse-6a762c95 {
0%, 100% { opacity: 1;
}
50% { opacity: 0.6;
}
}
.suggestions-popover[data-v-6a762c95] {
  z-index: 1070;
  background: white;
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  max-height: 300px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.suggestions-header[data-v-6a762c95] {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--tblr-border-color);
  background: var(--tblr-bg-surface-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  color: var(--tblr-primary);
}
.suggestions-header i[data-v-6a762c95] {
  color: var(--tblr-warning);
}
.suggestions-list[data-v-6a762c95] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 0.5rem;
}
.suggestion-item[data-v-6a762c95] {
  padding: 0.75rem;
  margin-bottom: 0.25rem;
  border-radius: var(--tblr-border-radius-sm);
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid transparent;
}
.suggestion-item[data-v-6a762c95]:hover,
.suggestion-item.active[data-v-6a762c95] {
  background: var(--tblr-bg-surface-secondary);
  border-color: var(--tblr-primary);
}
.suggestion-content[data-v-6a762c95] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.25rem;
}
.suggestion-value[data-v-6a762c95] {
  font-weight: 500;
  color: var(--tblr-body-color);
}
.suggestion-source[data-v-6a762c95] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: var(--tblr-muted);
  background: var(--tblr-bg-surface);
  padding: 0.125rem 0.5rem;
  border-radius: var(--tblr-border-radius-sm);
}
.suggestion-source i[data-v-6a762c95] {
  font-size: 0.875rem;
}
.suggestion-description[data-v-6a762c95] {
  font-size: 0.8125rem;
  color: var(--tblr-muted);
  margin-top: 0.25rem;
}
.suggestions-footer[data-v-6a762c95] {
  padding: 0.5rem 1rem;
  border-top: 1px solid var(--tblr-border-color);
  background: var(--tblr-bg-surface-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer-info[data-v-6a762c95] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.footer-actions[data-v-6a762c95] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.form-control.suggestion-applied[data-v-6a762c95] {
  -webkit-animation: highlight-6a762c95 0.5s ease;
          animation: highlight-6a762c95 0.5s ease;
}
@-webkit-keyframes highlight-6a762c95 {
0% { background-color: var(--tblr-success-bg-subtle);
}
100% { background-color: transparent;
}
}
@keyframes highlight-6a762c95 {
0% { background-color: var(--tblr-success-bg-subtle);
}
100% { background-color: transparent;
}
}

/* Transiciones */
.suggestions-enter-active[data-v-6a762c95],
.suggestions-leave-active[data-v-6a762c95] {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.suggestions-enter-from[data-v-6a762c95],
.suggestions-leave-to[data-v-6a762c95] {
  opacity: 0;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

/* Responsive */
@media (max-width: 576px) {
.suggestions-popover[data-v-6a762c95] {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
}
}

/* Enhanced Mode Styles */
.suggestion-group[data-v-6a762c95] {
  margin-bottom: 0.5rem;
}
.group-header[data-v-6a762c95] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  background: var(--tblr-bg-surface);
  border-bottom: 1px solid var(--tblr-border-color-light);
  font-weight: 600;
  font-size: 0.8125rem;
  color: var(--tblr-primary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.suggestion-indicators[data-v-6a762c95] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.confidence-indicator[data-v-6a762c95] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.confidence-badge[data-v-6a762c95] {
  font-size: 0.625rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  font-weight: 600;
}
.confidence-high[data-v-6a762c95] {
  background: var(--tblr-success-bg-subtle);
  color: var(--tblr-success);
}
.confidence-medium[data-v-6a762c95] {
  background: var(--tblr-warning-bg-subtle);
  color: var(--tblr-warning-darken);
}
.confidence-low[data-v-6a762c95] {
  background: var(--tblr-danger-bg-subtle);
  color: var(--tblr-danger);
}
.badge-sm[data-v-6a762c95] {
  font-size: 0.625rem;
  padding: 0.125rem 0.375rem;
}

/* Size variants */
.form-control-sm.has-suggestions[data-v-6a762c95] {
  padding-right: 30px;
}
.form-control-lg.has-suggestions[data-v-6a762c95] {
  padding-right: 40px;
}

/* Expediente (morado) highlight when suggestions are available */
.form-control.expediente-available[data-v-6a762c95] {
  background-color: #f3e8ff !important; /* purple-100 */
  border-color: #a855f7 !important;      /* purple-500 */
}
.form-control.expediente-available[data-v-6a762c95]:focus {
  border-color: #9333ea !important;      /* purple-600 */
  -webkit-box-shadow: 0 0 0 0.25rem rgba(168, 85, 247, 0.25) !important;
          box-shadow: 0 0 0 0.25rem rgba(168, 85, 247, 0.25) !important; /* purple glow */
}

.merchant-step-v2[data-v-9d740968] {
  /* Estilos específicos del componente */
}
.required[data-v-9d740968]::after {
  content: " *";
  color: #dc3545;
}
pre[data-v-9d740968] {
  font-size: 0.8rem;
  max-height: 300px;
  overflow-y: auto;
}
.field-unity-data[data-v-9d740968] {
  background-color: #fffbeb !important;
  border-color: #f59e0b !important;
  border-width: 2px !important;
}
.field-unity-data[data-v-9d740968]:focus {
  border-color: #d97706 !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(245, 158, 11, 0.25) !important;
          box-shadow: 0 0 0 0.2rem rgba(245, 158, 11, 0.25) !important;
}

/* Estilos para sección colapsable */
.cursor-pointer[data-v-9d740968] {
  cursor: pointer;
}
.card-header.cursor-pointer[data-v-9d740968]:hover {
  background-color: rgba(var(--tblr-primary-rgb), 0.05);
}

/* ===============================================================
   TABS CON ERRORES - INDICADORES VISUALES
   =============================================================== */
.nav-link.has-errors[data-v-9d740968] {
  border-color: #dc3545 !important;
  color: #dc3545 !important;
  background-color: rgba(220, 53, 69, 0.05) !important;
  position: relative;
}
.nav-link.has-errors[data-v-9d740968]:hover {
  border-color: #b02a37 !important;
  color: #b02a37 !important;
  background-color: rgba(220, 53, 69, 0.1) !important;
}
.nav-link.has-errors.active[data-v-9d740968] {
  border-color: #dc3545 !important;
  color: #dc3545 !important;
  background-color: rgba(220, 53, 69, 0.1) !important;
}
.error-indicator[data-v-9d740968] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 4px;
  font-size: 12px;
  color: #dc3545;
  -webkit-animation: errorPulse-9d740968 2s infinite;
          animation: errorPulse-9d740968 2s infinite;
}
@-webkit-keyframes errorPulse-9d740968 {
0%, 100% { opacity: 1;
}
50% { opacity: 0.6;
}
}
@keyframes errorPulse-9d740968 {
0%, 100% { opacity: 1;
}
50% { opacity: 0.6;
}
}

/* ===============================================================
   CAMPOS CON ERRORES - ESTILOS VISUALES
   =============================================================== */
.form-control.is-invalid[data-v-9d740968],
.form-select.is-invalid[data-v-9d740968] {
  border-color: #dc3545 !important;
  background-color: rgba(220, 53, 69, 0.05) !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
          box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}
.form-control.is-invalid[data-v-9d740968]:focus,
.form-select.is-invalid[data-v-9d740968]:focus {
  border-color: #dc3545 !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
          box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

/* Estilos para campos Unity con errores */
.field-unity-data.is-invalid[data-v-9d740968] {
  border-color: #dc3545 !important;
  background-color: rgba(220, 53, 69, 0.05) !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
          box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}
.field-unity-data.is-invalid[data-v-9d740968]:focus {
  border-color: #dc3545 !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
          box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

/* Estilos para campos ADA con errores */
.ada-field.has-error[data-v-9d740968] {
  border-color: #dc3545 !important;
  background-color: rgba(220, 53, 69, 0.05) !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.15) !important;
          box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.15) !important;
}
.ada-field.has-error .ada-switch[data-v-9d740968] {
  border-color: #dc3545 !important;
}
.ada-field.has-error .form-control[data-v-9d740968] {
  border-color: #dc3545 !important;
}

/* Estilos para campos financieros */
.form-check-input[data-v-9d740968]:checked {
  background-color: var(--tblr-primary);
  border-color: var(--tblr-primary);
}

/* Animación para colapsar */
.card-body[data-v-9d740968] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* Iconos de tabler con color primario */
.ti-currency-dollar[data-v-9d740968],
.ti-file-info[data-v-9d740968] {
  color: var(--tblr-primary);
}

/* Color púrpura para campos obligatorios */
.form-label.required[data-v-9d740968] {
  color: var(--tblr-primary);
  font-weight: 500;
}

/* Estilos para pestañas compactas */
.nav-tabs.card-header-tabs[data-v-9d740968] {
  margin-bottom: 0;
  border-bottom: 1px solid var(--tblr-border-color);
}
.nav-tabs.card-header-tabs .nav-link[data-v-9d740968] {
  border: none;
  border-bottom: 2px solid transparent;
  background: none;
  color: var(--tblr-muted);
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.nav-tabs.card-header-tabs .nav-link[data-v-9d740968]:hover {
  color: var(--tblr-primary);
  background: var(--tblr-bg-surface-secondary);
  border-bottom-color: var(--tblr-primary-light);
}
.nav-tabs.card-header-tabs .nav-link.active[data-v-9d740968] {
  color: var(--tblr-primary);
  background: none;
  border-bottom-color: var(--tblr-primary);
  font-weight: 600;
}
.tab-content[data-v-9d740968] {
  padding-top: 1rem;
  -webkit-animation: fadeIn-9d740968 0.3s ease;
          animation: fadeIn-9d740968 0.3s ease;
}
@-webkit-keyframes fadeIn-9d740968 {
from { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px);
}
to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);
}
}
@keyframes fadeIn-9d740968 {
from { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px);
}
to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);
}
}

/* FORZAR altura exacta para TODOS los inputs - Alineación perfecta */
.tab-content .form-control[data-v-9d740968],
.tab-content .form-select[data-v-9d740968],
.tab-content .form-control-sm[data-v-9d740968],
.tab-content .form-select-sm[data-v-9d740968],
.tab-content input[data-v-9d740968],
.tab-content select[data-v-9d740968],
.tab-content textarea[data-v-9d740968] {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  font-size: 0.875rem !important;
  padding: 0.375rem 0.75rem !important;
  line-height: 1.5 !important;
  border: 1px solid #dee2e6 !important;
  border-radius: 0.375rem !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

/* Forzar UnitySelectV2 - altura exacta */
.tab-content[data-v-9d740968] .unity-select-v2-wrapper .form-control,
.tab-content[data-v-9d740968] .unity-select-v2-wrapper .form-select,
.tab-content[data-v-9d740968] .unity-select-v2-wrapper input,
.tab-content[data-v-9d740968] .unity-select-v2-wrapper select {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  font-size: 0.875rem !important;
  padding: 0.375rem 0.75rem !important;
  line-height: 1.5 !important;
  border: 1px solid #dee2e6 !important;
  border-radius: 0.375rem !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

/* Forzar InputWithSuggestions - altura exacta */
.tab-content[data-v-9d740968] .input-suggestions-wrapper .form-control,
.tab-content[data-v-9d740968] .input-suggestions-wrapper input {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  font-size: 0.875rem !important;
  padding: 0.375rem 0.75rem !important;
  line-height: 1.5 !important;
  border: 1px solid #dee2e6 !important;
  border-radius: 0.375rem !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

/* Excluir textareas de la altura fija */
.tab-content textarea[data-v-9d740968] {
  height: auto !important;
  min-height: 80px !important;
  max-height: none !important;
}
.tab-content .form-label[data-v-9d740968] {
  font-size: 0.8125rem;
  font-weight: 600;
  margin-bottom: 0.375rem;
  color: var(--tblr-body-color);
}
.tab-content .mb-3[data-v-9d740968] {
  margin-bottom: 1rem !important;
}

/* Indicadores de pestañas con contenido requerido */
.nav-tabs.card-header-tabs .nav-link i[data-v-9d740968] {
  margin-right: 0.375rem;
  font-size: 0.875rem;
}

/* Responsive para pestañas */
@media (max-width: 768px) {
.nav-tabs.card-header-tabs[data-v-9d740968] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.nav-tabs.card-header-tabs .nav-link[data-v-9d740968] {
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
}
.nav-tabs.card-header-tabs .nav-link i[data-v-9d740968] {
    display: none;
}
}

/* ===============================================================
   CAMPOS ADA - DISEÑO INTEGRADO
   =============================================================== */
.ada-field {
&[data-v-9d740968] {
  background: #ffffff;
  border: 2px solid rgba(95, 36, 159, 0.1);
  border-radius: 12px;
  padding: 16px;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  }
&[data-v-9d740968]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(transparent));
    background: linear-gradient(90deg, transparent 0%, transparent 100%);
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
&.ada-visa {
&[data-v-9d740968]::before {
      background: -webkit-gradient(linear, left top, right top, from(#FFCD01), to(#FFD84D));
      background: linear-gradient(90deg, #FFCD01 0%, #FFD84D 100%);
}
&.ada-active {
&[data-v-9d740968] {
      border-color: #FFCD01;
      background: linear-gradient(135deg, rgba(255, 205, 1, 0.03) 0%, rgba(255, 205, 1, 0.08) 100%);
      -webkit-box-shadow: 0 4px 16px rgba(255, 205, 1, 0.15);
              box-shadow: 0 4px 16px rgba(255, 205, 1, 0.15);
      }
.ada-icon[data-v-9d740968] {
        background: #FFCD01;
        color: #5F249F;
}
}
}
&.ada-mastercard {
&[data-v-9d740968]::before {
      background: -webkit-gradient(linear, left top, right top, from(#FFD84D), to(#FFE380));
      background: linear-gradient(90deg, #FFD84D 0%, #FFE380 100%);
}
&.ada-active {
&[data-v-9d740968] {
      border-color: #FFD84D;
      background: linear-gradient(135deg, rgba(255, 216, 77, 0.03) 0%, rgba(255, 216, 77, 0.08) 100%);
      -webkit-box-shadow: 0 4px 16px rgba(255, 216, 77, 0.15);
              box-shadow: 0 4px 16px rgba(255, 216, 77, 0.15);
      }
.ada-icon[data-v-9d740968] {
        background: #FFD84D;
        color: #5F249F;
}
}
}
&[data-v-9d740968]:hover {
    border-color: rgba(255, 205, 1, 0.3);
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
    -webkit-box-shadow: 0 6px 20px rgba(255, 205, 1, 0.1);
            box-shadow: 0 6px 20px rgba(255, 205, 1, 0.1);
}
}
.ada-header[data-v-9d740968] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.ada-icon[data-v-9d740968] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #f1f5f9;
  color: #64748b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ada-title {
&[data-v-9d740968] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  }
h6[data-v-9d740968] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}
small[data-v-9d740968] {
    font-size: 0.75rem;
    color: #64748b;
    line-height: 1.2;
}
}
.ada-toggle {
.form-switch {
&[data-v-9d740968] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    padding: 0;
    }
.form-check-input, #adaViSwitch, #adaMcSwitch {
&[data-v-9d740968] {
      width: 2.75rem !important;
      height: 1.5rem !important;
      margin: 0 !important;
      background-color: #ced4da !important;
      border: 1px solid #ced4da !important;
      border-radius: 0.75rem !important;
      -webkit-transition: all 0.15s ease-in-out !important;
      transition: all 0.15s ease-in-out !important;
      cursor: pointer !important;
      min-height: unset !important;
      -ms-flex-negative: 0 !important;
          flex-shrink: 0 !important;
      }
&[data-v-9d740968]:checked {
        background-color: #FFCD01 !important;
        border-color: #FFCD01 !important;
}
&[data-v-9d740968]:focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 205, 1, 0.25) !important;
                box-shadow: 0 0 0 0.2rem rgba(255, 205, 1, 0.25) !important;
        border-color: #FFCD01 !important;
}
&[data-v-9d740968]:hover {
        border-color: #FFD84D !important;
}
}
.form-check-label[data-v-9d740968] {
      margin-left: 0 !important;
      cursor: pointer !important;
}
}
}
.ada-amount {
&[data-v-9d740968] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  }
.form-label[data-v-9d740968] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}
.input-group {
.ada-currency[data-v-9d740968] {
      background: rgba(255, 205, 1, 0.1);
      border-color: rgba(255, 205, 1, 0.3);
      color: #E6B800;
      font-weight: 600;
      font-size: 0.875rem;
}
.form-control {
&[data-v-9d740968] {
      border-color: rgba(255, 205, 1, 0.3);
      font-weight: 500;
      }
&[data-v-9d740968]:focus {
        border-color: #FFCD01;
        -webkit-box-shadow: 0 0 0 3px rgba(255, 205, 1, 0.15);
                box-shadow: 0 0 0 3px rgba(255, 205, 1, 0.15);
}
&[data-v-9d740968]:disabled {
        background-color: rgba(255, 205, 1, 0.02);
        color: rgba(255, 205, 1, 0.4);
}
}
}
&.ada-amount-disabled {
&[data-v-9d740968] {
    opacity: 0.5;
    }
.form-label[data-v-9d740968] {
      color: #9ca3af;
}
.ada-currency[data-v-9d740968] {
      background: #f1f5f9;
      color: #9ca3af;
}
}
}

/* Animaciones adicionales */
@-webkit-keyframes adaActivate-9d740968 {
0% { -webkit-transform: scale(1); transform: scale(1);
}
50% { -webkit-transform: scale(1.02); transform: scale(1.02);
}
100% { -webkit-transform: scale(1); transform: scale(1);
}
}
@keyframes adaActivate-9d740968 {
0% { -webkit-transform: scale(1); transform: scale(1);
}
50% { -webkit-transform: scale(1.02); transform: scale(1.02);
}
100% { -webkit-transform: scale(1); transform: scale(1);
}
}
.ada-field.ada-active[data-v-9d740968] {
  -webkit-animation: adaActivate-9d740968 0.3s ease-out;
          animation: adaActivate-9d740968 0.3s ease-out;
}

/* ===============================================================
   ACCORDION STYLES
   =============================================================== */
.accordion[data-v-9d740968] {
  --accordion-border-color: #e0e5eb;
  --accordion-header-bg: #ffffff;
  --accordion-header-hover-bg: #f8fafc;
  --accordion-error-color: #dc3545;
  --accordion-primary-color: var(--tblr-primary);
}
.accordion-item[data-v-9d740968] {
  border: 1px solid var(--accordion-border-color);
  border-radius: 8px;
  margin-bottom: 12px;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.accordion-item[data-v-9d740968]:hover {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.accordion-header[data-v-9d740968] {
  margin: 0;
}
.accordion-button[data-v-9d740968] {
  background: var(--accordion-header-bg);
  border: none;
  padding: 16px 20px;
  width: 100%;
  text-align: left;
  font-size: 15px;
  font-weight: 600;
  color: #374151;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
  border-radius: 7px 7px 0 0;
  gap: 8px;
}
.accordion-button[data-v-9d740968]:hover {
  background: var(--accordion-header-hover-bg);
  color: var(--accordion-primary-color);
}
.accordion-button[data-v-9d740968]:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 2px rgba(var(--tblr-primary-rgb), 0.25);
          box-shadow: 0 0 0 2px rgba(var(--tblr-primary-rgb), 0.25);
}
.accordion-button.text-danger[data-v-9d740968] {
  color: var(--accordion-error-color) !important;
  background: rgba(220, 53, 69, 0.02);
}
.accordion-button.text-danger[data-v-9d740968]:hover {
  background: rgba(220, 53, 69, 0.05);
}
.accordion-button[data-v-9d740968]::after {
  display: none;
}
.accordion-collapse[data-v-9d740968] {
  background: #ffffff;
  border-top: 1px solid var(--accordion-border-color);
}
.accordion-body[data-v-9d740968] {
  padding: 20px;
  background: #fafbfc;
}

/* Animation for accordion content */
.accordion-collapse[data-v-9d740968] {
  -webkit-animation: accordionSlideIn-9d740968 0.3s ease-out;
          animation: accordionSlideIn-9d740968 0.3s ease-out;
}
@-webkit-keyframes accordionSlideIn-9d740968 {
from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes accordionSlideIn-9d740968 {
from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}

/* Error indicators in accordion headers */
.accordion-button .ti-alert-circle[data-v-9d740968] {
  -webkit-animation: errorPulse-9d740968 2s infinite;
          animation: errorPulse-9d740968 2s infinite;
  color: var(--accordion-error-color);
}

/* Section icons */
.accordion-button .ti-building-store[data-v-9d740968] {
  color: #0ea5e9;
}
.accordion-button .ti-user[data-v-9d740968] {
  color: #10b981;
}
.accordion-button .ti-credit-card[data-v-9d740968] {
  color: #f59e0b;
}
.accordion-button .ti-plus[data-v-9d740968] {
  color: #8b5cf6;
}

/* Permitir que los dropdowns se salgan del acordeón */
.accordion-collapse[data-v-9d740968] {
  overflow: visible !important;
}
.accordion-body[data-v-9d740968] {
  overflow: visible !important;
  position: relative;
}
.accordion-item[data-v-9d740968] {
  overflow: visible !important;
}
.accordion[data-v-9d740968] {
  overflow: visible !important;
}

/* Responsive accordion */
@media (max-width: 768px) {
.accordion-button[data-v-9d740968] {
    padding: 12px 16px;
    font-size: 14px;
}
.accordion-body[data-v-9d740968] {
    padding: 16px;
}
}

.card-acquirer-step[data-v-0802ffc6] {
  -webkit-animation: fadeIn-0802ffc6 0.3s ease-in-out;
          animation: fadeIn-0802ffc6 0.3s ease-in-out;
}
@-webkit-keyframes fadeIn-0802ffc6 {
from {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes fadeIn-0802ffc6 {
from {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
.step-header[data-v-0802ffc6] {
  border-bottom: 1px solid var(--tblr-border-color);
  padding-bottom: 1rem;
}
.step-title[data-v-0802ffc6] {
  color: var(--tblr-primary);
  margin-bottom: 0.5rem;
}
.sucursal-card[data-v-0802ffc6] {
  -webkit-animation: slideIn-0802ffc6 0.3s ease-in-out;
          animation: slideIn-0802ffc6 0.3s ease-in-out;
}
@-webkit-keyframes slideIn-0802ffc6 {
from {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
}
to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
}
@keyframes slideIn-0802ffc6 {
from {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
}
to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
}
.required[data-v-0802ffc6]::after {
  content: " *";
  color: var(--tblr-red);
}
.form-control-sm[data-v-0802ffc6],
.form-select-sm[data-v-0802ffc6] {
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
}

/* Campos con origen de datos Unity */
.field-unity-data[data-v-0802ffc6] {
  background-color: #fef3c7 !important;
  border-color: #f59e0b !important;
}
.field-unity-data[data-v-0802ffc6]:focus {
  border-color: #d97706 !important;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(245, 158, 11, 0.25) !important;
          box-shadow: 0 0 0 0.25rem rgba(245, 158, 11, 0.25) !important;
}

/* Hover effects */
.btn-outline-primary[data-v-0802ffc6]:hover,
.btn-outline-secondary[data-v-0802ffc6]:hover,
.btn-outline-danger[data-v-0802ffc6]:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.card[data-v-0802ffc6] {
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
.card[data-v-0802ffc6]:hover {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* Responsive adjustments */
@media (max-width: 768px) {
.row > div[data-v-0802ffc6] {
    margin-bottom: 0.5rem;
}
}

/* ===============================================================
   ACCORDION STYLES - Consistent with MerchantStep
   =============================================================== */
.accordion[data-v-0802ffc6] {
  --accordion-border-color: #e0e5eb;
  --accordion-header-bg: #ffffff;
  --accordion-header-hover-bg: #f8fafc;
  --accordion-error-color: #dc3545;
  --accordion-primary-color: var(--tblr-primary);
}
.accordion-item[data-v-0802ffc6] {
  border: 1px solid var(--accordion-border-color);
  border-radius: 8px;
  margin-bottom: 12px;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.accordion-item[data-v-0802ffc6]:hover {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.accordion-header[data-v-0802ffc6] {
  margin: 0;
}
.accordion-button[data-v-0802ffc6] {
  background: var(--accordion-header-bg);
  border: none;
  padding: 16px 20px;
  width: 100%;
  text-align: left;
  font-size: 15px;
  font-weight: 600;
  color: #374151;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
  border-radius: 7px 7px 0 0;
  gap: 8px;
}
.accordion-button[data-v-0802ffc6]:hover {
  background: var(--accordion-header-hover-bg);
  color: var(--accordion-primary-color);
}
.accordion-button[data-v-0802ffc6]:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 2px rgba(var(--tblr-primary-rgb), 0.25);
          box-shadow: 0 0 0 2px rgba(var(--tblr-primary-rgb), 0.25);
}
.accordion-button.text-danger[data-v-0802ffc6] {
  color: var(--accordion-error-color) !important;
  background: rgba(220, 53, 69, 0.02);
}
.accordion-button.text-danger[data-v-0802ffc6]:hover {
  background: rgba(220, 53, 69, 0.05);
}
.accordion-button[data-v-0802ffc6]::after {
  content: '';
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}
.accordion-button.collapsed[data-v-0802ffc6]::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.accordion-collapse[data-v-0802ffc6] {
  background: #ffffff;
  border-top: 1px solid var(--accordion-border-color);
}
.accordion-body[data-v-0802ffc6] {
  padding: 20px;
  background: #fafbfc;
}

/* Animation for accordion content */
.accordion-collapse[data-v-0802ffc6] {
  -webkit-animation: accordionSlideIn-0802ffc6 0.3s ease-out;
          animation: accordionSlideIn-0802ffc6 0.3s ease-out;
}
@-webkit-keyframes accordionSlideIn-0802ffc6 {
from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes accordionSlideIn-0802ffc6 {
from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}

/* Section icons */
.accordion-button .ti-building-bank[data-v-0802ffc6] {
  color: #0ea5e9;
}
.accordion-button .ti-shield-check[data-v-0802ffc6] {
  color: #f59e0b;
}

/* Responsive accordion */
@media (max-width: 768px) {
.accordion-button[data-v-0802ffc6] {
    padding: 12px 16px;
    font-size: 14px;
}
.accordion-body[data-v-0802ffc6] {
    padding: 16px;
}
}

/* Animación de spinner para el botón de carga */
.ti-spin[data-v-0802ffc6] {
  -webkit-animation: spin-0802ffc6 1s linear infinite;
          animation: spin-0802ffc6 1s linear infinite;
}
@-webkit-keyframes spin-0802ffc6 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes spin-0802ffc6 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}

.branch-form.compact-mode[data-v-222bc59d] {
  font-size: 0.875rem;
}
.form-label-sm[data-v-222bc59d] {
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
  font-weight: 500;
}
.form-group[data-v-222bc59d] {
  margin-bottom: 0.75rem;
}
.compact-mode .form-group[data-v-222bc59d] {
  margin-bottom: 0.5rem;
}
.accordion-button[data-v-222bc59d] {
  font-size: 0.875rem;
}
.accordion-body[data-v-222bc59d] {
  background: var(--tblr-bg-surface-secondary);
}
h6.text-muted[data-v-222bc59d] {
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 1px solid var(--tblr-border-color-light);
  padding-bottom: 0.25rem;
}

.additional-branches-step[data-v-d5f81d78] {
  max-width: 100%;
}
.additional-branches-step.compact-mode[data-v-d5f81d78] {
  font-size: 0.875rem;
}
.additional-branches-step.compact-mode .card-body[data-v-d5f81d78] {
  padding: 0.75rem;
}
.step-header[data-v-d5f81d78] {
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--tblr-border-color);
}
.main-branch-summary .card[data-v-d5f81d78] {
  border-width: 2px;
}
.branch-item[data-v-d5f81d78] {
  -webkit-animation: slideIn-d5f81d78 0.3s ease-out;
          animation: slideIn-d5f81d78 0.3s ease-out;
}
.empty-state[data-v-d5f81d78] {
  border: 2px dashed var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  background: var(--tblr-bg-surface-secondary);
}
.branches-list[data-v-d5f81d78] {
  max-height: 60vh;
  overflow-y: auto;
}
.summary-footer[data-v-d5f81d78] {
  position: sticky;
  bottom: 0;
  z-index: 10;
}
@-webkit-keyframes slideIn-d5f81d78 {
from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes slideIn-d5f81d78 {
from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}

/* Compact mode styles */
.compact-mode .card-header[data-v-d5f81d78] {
  padding: 0.5rem 0.75rem;
}
.compact-mode .btn-sm[data-v-d5f81d78] {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
}
.compact-mode .btn-xs[data-v-d5f81d78] {
  padding: 0.125rem 0.375rem;
  font-size: 0.6875rem;
}

/* Responsive */
@media (max-width: 768px) {
.step-header .d-flex[data-v-d5f81d78] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
}
.summary-footer .row[data-v-d5f81d78] {
    text-align: center;
}
.summary-footer .col-md-4[data-v-d5f81d78] {
    margin-top: 0.5rem;
}
}

/* Estilos para Terminal Step V2 */
.terminal-step-v2[data-v-abcd3e8d] {
  /* Estilos específicos del componente */
}
.required[data-v-abcd3e8d]::after {
  content: " *";
  color: var(--tblr-danger);
}

/* Color para campos obligatorios */
.form-label.required[data-v-abcd3e8d] {
  color: var(--tblr-primary);
  font-weight: 500;
}

/* Iconos de tabler con color primario */
.ti-device-desktop[data-v-abcd3e8d],
.ti-info-circle[data-v-abcd3e8d],
.ti-currency-dollar[data-v-abcd3e8d],
.ti-settings[data-v-abcd3e8d],
.ti-settings-automation[data-v-abcd3e8d] {
  color: var(--tblr-primary);
}
pre[data-v-abcd3e8d] {
  font-size: 0.8rem;
  max-height: 300px;
  overflow-y: auto;
}

/* Estilos para switches y radio buttons */
.form-check-input[data-v-abcd3e8d]:checked {
  background-color: var(--tblr-primary);
  border-color: var(--tblr-primary);
}
.form-check-label[data-v-abcd3e8d] {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* ===============================================================
   TERMINAL TABS - SCROLL HORIZONTAL
   =============================================================== */
.terminal-tabs-wrapper[data-v-abcd3e8d] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border-bottom: 1px solid var(--tblr-border-color);
}
.terminal-tabs-container[data-v-abcd3e8d] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}
.terminal-tabs-container[data-v-abcd3e8d]::-webkit-scrollbar {
  display: none; /* Chrome/Safari/Opera */
}
.terminal-tabs-container .nav-tabs[data-v-abcd3e8d] {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border-bottom: none;
  margin-bottom: 0;
  white-space: nowrap;
}
.terminal-tabs-container .nav-item[data-v-abcd3e8d] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.terminal-tabs-container .nav-link[data-v-abcd3e8d] {
  white-space: nowrap;
  padding: 0.75rem 1rem;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.terminal-tabs-scroll-btn[data-v-abcd3e8d] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 40px;
  height: 48px;
  border: none;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0.95)), to(rgba(255,255,255,0.8)));
  background: linear-gradient(90deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.8) 100%);
  color: var(--tblr-primary);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 10;
}
.terminal-tabs-scroll-btn[data-v-abcd3e8d]:hover {
  background: rgba(32, 107, 196, 0.1);
  color: var(--tblr-primary);
}
.terminal-tabs-scroll-btn[data-v-abcd3e8d]:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.terminal-tabs-scroll-left[data-v-abcd3e8d] {
  border-right: 1px solid var(--tblr-border-color-light);
}
.terminal-tabs-scroll-right[data-v-abcd3e8d] {
  border-left: 1px solid var(--tblr-border-color-light);
}

/* Estados de terminal */
.terminal-saved[data-v-abcd3e8d] {
  position: relative;
}
.terminal-unsaved[data-v-abcd3e8d]::before {
  content: '';
  position: absolute;
  top: 8px;
  right: 8px;
  width: 6px;
  height: 6px;
  background: var(--tblr-orange);
  border-radius: 50%;
  -webkit-animation: pulse-abcd3e8d 2s ease-in-out infinite;
          animation: pulse-abcd3e8d 2s ease-in-out infinite;
}
@-webkit-keyframes pulse-abcd3e8d {
0%, 100% {
    opacity: 1;
}
50% {
    opacity: 0.5;
}
}
@keyframes pulse-abcd3e8d {
0%, 100% {
    opacity: 1;
}
50% {
    opacity: 0.5;
}
}
.terminal-tab-label[data-v-abcd3e8d] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.badge-sm[data-v-abcd3e8d] {
  font-size: 0.65rem;
  padding: 0.15rem 0.35rem;
}

/* ===============================================================
   ACCORDION STYLES (Idénticos a MerchantStepV2)
   =============================================================== */
.accordion[data-v-abcd3e8d] {
  --accordion-border-color: #e0e5eb;
  --accordion-header-bg: #ffffff;
  --accordion-header-hover-bg: #f8fafc;
  --accordion-error-color: #dc3545;
  --accordion-primary-color: var(--tblr-primary);
}
.accordion-item[data-v-abcd3e8d] {
  border: 1px solid var(--accordion-border-color);
  border-radius: 8px;
  margin-bottom: 12px;
  overflow: visible !important;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.accordion-item[data-v-abcd3e8d]:hover {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.accordion-header[data-v-abcd3e8d] {
  margin: 0;
}
.accordion-button[data-v-abcd3e8d] {
  background: var(--accordion-header-bg);
  border: none;
  padding: 16px 20px;
  width: 100%;
  text-align: left;
  font-size: 15px;
  font-weight: 600;
  color: #374151;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
  border-radius: 7px 7px 0 0;
  gap: 8px;
}
.accordion-button[data-v-abcd3e8d]:hover {
  background: var(--accordion-header-hover-bg);
  color: var(--accordion-primary-color);
}
.accordion-button[data-v-abcd3e8d]:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 2px rgba(var(--tblr-primary-rgb), 0.25);
          box-shadow: 0 0 0 2px rgba(var(--tblr-primary-rgb), 0.25);
}
.accordion-button[data-v-abcd3e8d]::after {
  content: '';
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}
.accordion-button.collapsed[data-v-abcd3e8d]::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.accordion-collapse[data-v-abcd3e8d] {
  background: #ffffff;
  border-top: 1px solid var(--accordion-border-color);
  overflow: visible !important;
  -webkit-animation: accordionSlideIn-abcd3e8d 0.3s ease-out;
          animation: accordionSlideIn-abcd3e8d 0.3s ease-out;
}
.accordion-body[data-v-abcd3e8d] {
  padding: 20px;
  background: #fafbfc;
  overflow: visible !important;
  position: relative;
}

/* Animation for accordion content */
.accordion-collapse[data-v-abcd3e8d] {
  -webkit-animation: accordionSlideIn-abcd3e8d 0.3s ease-out;
          animation: accordionSlideIn-abcd3e8d 0.3s ease-out;
}
@-webkit-keyframes accordionSlideIn-abcd3e8d {
from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes accordionSlideIn-abcd3e8d {
from {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}

/* Section icons */
.accordion-button .ti-info-circle[data-v-abcd3e8d] {
  color: #0ea5e9;
}
.accordion-button .ti-currency-dollar[data-v-abcd3e8d] {
  color: #f59e0b;
}
.accordion-button .ti-settings[data-v-abcd3e8d] {
  color: #f59e0b;
}
.accordion-button .ti-settings-automation[data-v-abcd3e8d] {
  color: #8b5cf6;
}

/* Permitir que los dropdowns se salgan del acordeón */
.accordion-collapse[data-v-abcd3e8d] {
  overflow: visible !important;
}
.accordion-body[data-v-abcd3e8d] {
  overflow: visible !important;
  position: relative;
}
.accordion-item[data-v-abcd3e8d] {
  overflow: visible !important;
}
.accordion[data-v-abcd3e8d] {
  overflow: visible !important;
}

/* Responsive accordion */
@media (max-width: 768px) {
.accordion-button[data-v-abcd3e8d] {
    padding: 12px 16px;
    font-size: 14px;
}
.accordion-body[data-v-abcd3e8d] {
    padding: 16px;
}
}

/* Saving Overlay */
.saving-overlay[data-v-abcd3e8d] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(4px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9999;
}
.saving-content[data-v-abcd3e8d] {
  text-align: center;
  padding: 2rem;
  background: white;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
}
.saving-content .spinner-border[data-v-abcd3e8d] {
  width: 3rem;
  height: 3rem;
}

/* ===== Vista de Terminales Completadas - Neo Flat ===== */
.terminals-completed-view[data-v-abcd3e8d] {
  padding: 1rem;
}
.success-header[data-v-abcd3e8d] {
  padding: 1rem;
  background: var(--neo-success-light, #EDE5F5);
  border-radius: var(--neo-radius-lg, 8px);
  border-left: 4px solid var(--neo-primary, #5F249F);
}
.success-header h4[data-v-abcd3e8d] {
  color: var(--neo-primary-dark, #4A1D7C);
  font-weight: 600;
}
.success-icon-wrapper[data-v-abcd3e8d] {
  width: 48px;
  height: 48px;
  background: var(--neo-primary, #5F249F);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  font-size: 1.5rem;
}
.terminals-grid[data-v-abcd3e8d] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}
.terminal-card[data-v-abcd3e8d] {
  background: white;
  border-radius: var(--neo-radius-lg, 8px);
  border: 1px solid var(--neo-gray-200, #E5E7EB);
  overflow: hidden;
  -webkit-transition: var(--neo-transition, all 0.15s ease);
  transition: var(--neo-transition, all 0.15s ease);
}
.terminal-card[data-v-abcd3e8d]:hover {
  border-color: var(--neo-primary, #5F249F);
}
.terminal-card.completed[data-v-abcd3e8d] {
  border-top: 3px solid var(--neo-primary, #5F249F);
}
.terminal-card-header[data-v-abcd3e8d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 1rem;
  background: var(--neo-gray-50, #F9FAFB);
  border-bottom: 1px solid var(--neo-gray-100, #F3F4F6);
}
.terminal-icon[data-v-abcd3e8d] {
  width: 36px;
  height: 36px;
  background: var(--neo-primary, #5F249F);
  border-radius: var(--neo-radius-md, 6px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  font-size: 1.1rem;
}
.terminal-card-body[data-v-abcd3e8d] {
  padding: 1rem;
}
.terminal-name[data-v-abcd3e8d] {
  font-weight: 600;
  font-size: 1rem;
  color: var(--neo-gray-800, #1F2937);
  margin-bottom: 0.5rem;
}
.terminal-id[data-v-abcd3e8d] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: var(--neo-success-light, #EDE5F5);
  border: 1px solid rgba(95, 36, 159, 0.2);
  border-radius: var(--neo-radius-md, 6px);
  cursor: pointer;
  -webkit-transition: var(--neo-transition, all 0.15s ease);
  transition: var(--neo-transition, all 0.15s ease);
  font-size: 0.9rem;
  color: var(--neo-primary-dark, #4A1D7C);
}
.terminal-id[data-v-abcd3e8d]:hover {
  background: rgba(95, 36, 159, 0.12);
  border-color: var(--neo-primary, #5F249F);
}
.terminal-id .copy-hint[data-v-abcd3e8d] {
  opacity: 0;
  font-size: 0.8rem;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
.terminal-id:hover .copy-hint[data-v-abcd3e8d] {
  opacity: 1;
}
.terminal-card-footer[data-v-abcd3e8d] {
  padding: 0.75rem 1rem;
  background: var(--neo-gray-50, #F9FAFB);
  border-top: 1px solid var(--neo-gray-100, #F3F4F6);
}
.terminal-meta[data-v-abcd3e8d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
}
.meta-item[data-v-abcd3e8d] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.35rem;
  font-size: 0.8rem;
  color: #6b7280;
  padding: 0.25rem 0.5rem;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}
.meta-item i[data-v-abcd3e8d] {
  color: #9ca3af;
}

.summary-step[data-v-6de35736] {
  -webkit-animation: fadeIn-6de35736 0.3s ease-in-out;
          animation: fadeIn-6de35736 0.3s ease-in-out;
}
@-webkit-keyframes fadeIn-6de35736 {
from {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes fadeIn-6de35736 {
from {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
.step-header[data-v-6de35736] {
  border-bottom: 1px solid var(--tblr-border-color);
  padding-bottom: 1rem;
}
.step-title[data-v-6de35736] {
  color: var(--tblr-primary);
  margin-bottom: 0.5rem;
}
.card-title[data-v-6de35736] {
  font-size: 1.1rem;
  font-weight: 600;
}
.processing-indicator[data-v-6de35736] {
  -webkit-animation: pulse-6de35736 2s infinite;
          animation: pulse-6de35736 2s infinite;
}
@-webkit-keyframes pulse-6de35736 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes pulse-6de35736 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
.alert-warning[data-v-6de35736] {
  background-color: rgba(var(--tblr-yellow-rgb), 0.1);
  border: 1px solid rgba(var(--tblr-yellow-rgb), 0.2);
}
.validation-checklist .form-check[data-v-6de35736] {
  margin-bottom: 0.5rem;
}
.validation-checklist .form-check-input[data-v-6de35736]:checked {
  background-color: var(--tblr-success);
  border-color: var(--tblr-success);
}
.validation-checklist .form-check-input[data-v-6de35736]:not(:checked) {
  background-color: var(--tblr-danger);
  border-color: var(--tblr-danger);
}
.validation-checklist .form-check-label[data-v-6de35736] {
  font-size: 0.9rem;
}
dl.row dt[data-v-6de35736] {
  font-weight: 600;
  color: var(--tblr-gray-700);
  font-size: 0.875rem;
}
dl.row dd[data-v-6de35736] {
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
.badge[data-v-6de35736] {
  font-size: 0.75rem;
}

.onboarding-wizard[data-v-42d88be9] {
  min-height: 100vh;
  background-color: var(--tblr-bg-surface-secondary);
}

/* Panel de Unity Status - Sticky Compact Style */
.unity-status-panel[data-v-42d88be9] {
  padding: 0;
}
.sticky-panel[data-v-42d88be9] {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  margin-bottom: 8px !important;
}
.unity-glassmorphic-card[data-v-42d88be9] {
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.9) 0%, 
    rgba(255, 255, 255, 0.7) 100%);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 12px;
  -webkit-box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
          box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
  overflow: hidden;
}
.unity-card-header[data-v-42d88be9] {
  padding: 6px 12px;
  background: linear-gradient(135deg, 
    rgba(139, 93, 199, 0.06) 0%, 
    rgba(139, 93, 199, 0.03) 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.unity-card-header h5[data-v-42d88be9] {
  color: #303133;
  font-size: 12px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.unity-card-header i[data-v-42d88be9] {
  color: #FFC107;
  font-size: 14px;
}
.unity-card-body-compact[data-v-42d88be9] {
  padding: 8px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.unity-entities-row[data-v-42d88be9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.unity-entity-compact[data-v-42d88be9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.unity-entity-compact.created[data-v-42d88be9] {
  background: linear-gradient(135deg, 
    rgba(139, 93, 199, 0.08) 0%, 
    rgba(139, 93, 199, 0.04) 100%);
  border-color: rgba(139, 93, 199, 0.2);
}
.unity-entity-compact i[data-v-42d88be9] {
  font-size: 14px;
  color: #9CA3AF;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.unity-entity-compact.created i[data-v-42d88be9] {
  color: #5F249F;
}
.entity-data[data-v-42d88be9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.entity-label[data-v-42d88be9] {
  font-size: 10px;
  font-weight: 500;
  color: #6B7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.entity-value[data-v-42d88be9] {
  font-size: 11px;
  font-weight: 600;
  color: #5F249F;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.entity-pending[data-v-42d88be9] {
  font-size: 10px;
  color: #9CA3AF;
  font-style: italic;
}
.entity-count[data-v-42d88be9] {
  background: #5F249F;
  color: white;
  font-size: 9px;
  padding: 1px 4px;
  border-radius: 8px;
  margin-left: 4px;
  font-weight: 600;
}
.unity-collapse-toggle[data-v-42d88be9] {
  position: absolute;
  top: 6px;
  right: 8px;
  width: 24px;
  height: 24px;
  background: rgba(139, 93, 199, 0.15);
  border: 1px solid rgba(139, 93, 199, 0.3);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 100;
  -webkit-box-shadow: 0 2px 8px rgba(139, 93, 199, 0.2);
          box-shadow: 0 2px 8px rgba(139, 93, 199, 0.2);
}
.unity-collapse-toggle[data-v-42d88be9]:hover {
  background: rgba(139, 93, 199, 0.25);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-box-shadow: 0 4px 12px rgba(139, 93, 199, 0.3);
          box-shadow: 0 4px 12px rgba(139, 93, 199, 0.3);
}
.unity-collapse-toggle i[data-v-42d88be9] {
  font-size: 14px;
  color: #5F249F;
  font-weight: bold;
}
.unity-glassmorphic-card[data-v-42d88be9] {
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  min-height: 40px;
}
.unity-glassmorphic-card.collapsed[data-v-42d88be9] {
  background: linear-gradient(135deg, 
    rgba(139, 93, 199, 0.08) 0%, 
    rgba(139, 93, 199, 0.04) 100%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  height: 36px;
}
.unity-actions-compact[data-v-42d88be9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.unity-btn-compact[data-v-42d88be9] {
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 12px;
}
.unity-btn-compact.unity-btn-primary[data-v-42d88be9] {
  background: rgba(139, 93, 199, 0.1);
  color: #5F249F;
  border: 1px solid rgba(139, 93, 199, 0.2);
}
.unity-btn-compact.unity-btn-primary[data-v-42d88be9]:hover {
  background: rgba(139, 93, 199, 0.15);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.unity-btn-compact.unity-btn-secondary[data-v-42d88be9] {
  background: rgba(255, 193, 7, 0.1);
  color: #FFC107;
  border: 1px solid rgba(255, 193, 7, 0.2);
}
.unity-btn-compact.unity-btn-secondary[data-v-42d88be9]:hover {
  background: rgba(255, 193, 7, 0.15);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.unity-entity-card .entity-id strong[data-v-42d88be9] {
  font-family: var(--tblr-font-monospace);
  font-size: 12px;
  background: linear-gradient(135deg, 
    #5F249F 0%, 
    rgba(139, 93, 199, 0.8) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 700;
}
.unity-entity-card .text-muted small[data-v-42d88be9] {
  color: rgba(156, 163, 175, 0.8);
  font-size: 11px;
  font-style: italic;
}

/* Panel de información glassmorphic */
.unity-info-panel[data-v-42d88be9] {
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  padding: 12px;
  -webkit-box-shadow: 
    0 2px 8px rgba(0, 0, 0, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
          box-shadow: 
    0 2px 8px rgba(0, 0, 0, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
.unity-info-panel .info-icon[data-v-42d88be9] {
  margin-right: 12px;
  color: #5F249F;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 2px;
}
.unity-info-panel .info-content[data-v-42d88be9] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.unity-info-panel .info-heading[data-v-42d88be9] {
  font-size: 13px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 8px;
  letter-spacing: -0.01em;
}
.unity-info-panel .info-text[data-v-42d88be9] {
  font-size: 11px;
  color: rgba(108, 117, 125, 0.9);
  line-height: 1.5;
}
.unity-info-panel .info-text p[data-v-42d88be9] {
  margin-bottom: 8px;
}
.unity-info-panel .info-text ul[data-v-42d88be9] {
  margin: 0;
  padding-left: 16px;
}
.unity-info-panel .info-text li[data-v-42d88be9] {
  margin-bottom: 4px;
  color: rgba(108, 117, 125, 0.8);
}

/* Botones glassmorphic */
.unity-actions[data-v-42d88be9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 12px;
}
.unity-btn[data-v-42d88be9] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  font-size: 11px;
  font-weight: 500;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  cursor: pointer;
  text-decoration: none;
  -webkit-box-shadow: 
    0 1px 3px rgba(0, 0, 0, 0.03),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
          box-shadow: 
    0 1px 3px rgba(0, 0, 0, 0.03),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.unity-btn-primary[data-v-42d88be9] {
  background: linear-gradient(135deg, 
    rgba(139, 93, 199, 0.8) 0%, 
    rgba(139, 93, 199, 0.6) 100%);
  color: white;
  border-color: rgba(255, 255, 255, 0.2);
}
.unity-btn-primary[data-v-42d88be9]:hover {
  background: linear-gradient(135deg, 
    #5F249F 0%, 
    rgba(139, 93, 199, 0.8) 100%);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 
    0 2px 6px rgba(139, 93, 199, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
          box-shadow: 
    0 2px 6px rgba(139, 93, 199, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
.unity-btn-secondary[data-v-42d88be9] {
  background: rgba(255, 255, 255, 0.6);
  color: #6c757d;
  border-color: rgba(156, 163, 175, 0.3);
}
.unity-btn-secondary[data-v-42d88be9]:hover {
  background: rgba(255, 255, 255, 0.8);
  color: #495057;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 
    0 2px 6px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
          box-shadow: 
    0 2px 6px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
.unity-btn i[data-v-42d88be9] {
  font-size: 12px;
}
.wizard-header[data-v-42d88be9] {
  background: linear-gradient(135deg, var(--tblr-primary) 0%, var(--tblr-primary-darken) 100%);
  color: white;
  margin-bottom: 0;
}
.wizard-header .page-title[data-v-42d88be9],
.wizard-header .page-pretitle[data-v-42d88be9] {
  color: white;
}
.wizard-progress[data-v-42d88be9] {
  background: transparent;
}
.wizard-step[data-v-42d88be9] {
  min-height: 400px;
}
.wizard-loading[data-v-42d88be9] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9990;
}

/* Fix toast z-index para que aparezca por encima del modal */
[data-v-42d88be9] .Toastify__toast-container {
  z-index: 2147483647 !important;
}
[data-v-42d88be9] .Toastify__toast {
  z-index: 2147483647 !important;
}
.wizard-loading .overlay[data-v-42d88be9] {
  background: white;
  padding: 2rem;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  text-align: center;
}
.steps-wizard[data-v-42d88be9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1rem;
  position: relative;
}
.step-item[data-v-42d88be9] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  position: relative;
}
.step-item[data-v-42d88be9]:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 15px;
  right: -50%;
  width: 100%;
  height: 2px;
  background: var(--tblr-border-color);
  z-index: 1;
}
.step-item.done[data-v-42d88be9]:not(:last-child)::after {
  background: -webkit-gradient(linear, left top, right top, from(var(--tblr-success)), to(var(--tblr-success)));
  background: linear-gradient(90deg, var(--tblr-success) 0%, var(--tblr-success) 100%);
  height: 3px;
  -webkit-box-shadow: 0 1px 3px rgba(40, 167, 69, 0.3);
          box-shadow: 0 1px 3px rgba(40, 167, 69, 0.3);
}
.step-item.active[data-v-42d88be9]:not(:last-child)::after {
  background: -webkit-gradient(linear, left top, right top, from(var(--tblr-success)), color-stop(40%, var(--tblr-lime)), color-stop(60%, var(--tblr-border-color)));
  background: linear-gradient(90deg, var(--tblr-success) 0%, var(--tblr-lime) 40%, var(--tblr-border-color) 60%);
  height: 3px;
  -webkit-box-shadow: 0 1px 3px rgba(132, 209, 66, 0.3);
          box-shadow: 0 1px 3px rgba(132, 209, 66, 0.3);
  -webkit-animation: progress-flow-42d88be9 2s ease-in-out infinite;
          animation: progress-flow-42d88be9 2s ease-in-out infinite;
}
@-webkit-keyframes progress-flow-42d88be9 {
0% {
    background: -webkit-gradient(linear, left top, right top, from(var(--tblr-success)), color-stop(40%, var(--tblr-lime)), color-stop(60%, var(--tblr-border-color)));
    background: linear-gradient(90deg, var(--tblr-success) 0%, var(--tblr-lime) 40%, var(--tblr-border-color) 60%);
}
50% {
    background: -webkit-gradient(linear, left top, right top, from(var(--tblr-success)), color-stop(50%, var(--tblr-lime)), color-stop(70%, var(--tblr-border-color)));
    background: linear-gradient(90deg, var(--tblr-success) 0%, var(--tblr-lime) 50%, var(--tblr-border-color) 70%);
}
100% {
    background: -webkit-gradient(linear, left top, right top, from(var(--tblr-success)), color-stop(40%, var(--tblr-lime)), color-stop(60%, var(--tblr-border-color)));
    background: linear-gradient(90deg, var(--tblr-success) 0%, var(--tblr-lime) 40%, var(--tblr-border-color) 60%);
}
}
@keyframes progress-flow-42d88be9 {
0% {
    background: -webkit-gradient(linear, left top, right top, from(var(--tblr-success)), color-stop(40%, var(--tblr-lime)), color-stop(60%, var(--tblr-border-color)));
    background: linear-gradient(90deg, var(--tblr-success) 0%, var(--tblr-lime) 40%, var(--tblr-border-color) 60%);
}
50% {
    background: -webkit-gradient(linear, left top, right top, from(var(--tblr-success)), color-stop(50%, var(--tblr-lime)), color-stop(70%, var(--tblr-border-color)));
    background: linear-gradient(90deg, var(--tblr-success) 0%, var(--tblr-lime) 50%, var(--tblr-border-color) 70%);
}
100% {
    background: -webkit-gradient(linear, left top, right top, from(var(--tblr-success)), color-stop(40%, var(--tblr-lime)), color-stop(60%, var(--tblr-border-color)));
    background: linear-gradient(90deg, var(--tblr-success) 0%, var(--tblr-lime) 40%, var(--tblr-border-color) 60%);
}
}
.step-counter[data-v-42d88be9] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--tblr-border-color);
  color: var(--tblr-muted);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 0.5rem;
  font-weight: 700;
  font-size: 0.95rem;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: 2px solid var(--tblr-border-color);
}
.step-counter[data-v-42d88be9]:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  cursor: pointer;
}
.step-item.active .step-counter[data-v-42d88be9] {
  background: linear-gradient(135deg, var(--tblr-lime) 0%, var(--tblr-success) 100%);
  color: white;
  border: 3px solid var(--tblr-lime);
  -webkit-box-shadow: 
    0 0 0 6px rgba(132, 209, 66, 0.15),
    0 4px 12px rgba(132, 209, 66, 0.4),
    inset 0 -2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 
    0 0 0 6px rgba(132, 209, 66, 0.15),
    0 4px 12px rgba(132, 209, 66, 0.4),
    inset 0 -2px 4px rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
  -webkit-animation: pulse-active-42d88be9 2s ease-in-out infinite;
          animation: pulse-active-42d88be9 2s ease-in-out infinite;
}
@-webkit-keyframes pulse-active-42d88be9 {
0%, 100% {
    -webkit-box-shadow: 
      0 0 0 6px rgba(132, 209, 66, 0.15),
      0 4px 12px rgba(132, 209, 66, 0.4),
      inset 0 -2px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 
      0 0 0 6px rgba(132, 209, 66, 0.15),
      0 4px 12px rgba(132, 209, 66, 0.4),
      inset 0 -2px 4px rgba(0, 0, 0, 0.1);
}
50% {
    -webkit-box-shadow: 
      0 0 0 8px rgba(132, 209, 66, 0.25),
      0 6px 16px rgba(132, 209, 66, 0.5),
      inset 0 -2px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 
      0 0 0 8px rgba(132, 209, 66, 0.25),
      0 6px 16px rgba(132, 209, 66, 0.5),
      inset 0 -2px 4px rgba(0, 0, 0, 0.1);
}
}
@keyframes pulse-active-42d88be9 {
0%, 100% {
    -webkit-box-shadow: 
      0 0 0 6px rgba(132, 209, 66, 0.15),
      0 4px 12px rgba(132, 209, 66, 0.4),
      inset 0 -2px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 
      0 0 0 6px rgba(132, 209, 66, 0.15),
      0 4px 12px rgba(132, 209, 66, 0.4),
      inset 0 -2px 4px rgba(0, 0, 0, 0.1);
}
50% {
    -webkit-box-shadow: 
      0 0 0 8px rgba(132, 209, 66, 0.25),
      0 6px 16px rgba(132, 209, 66, 0.5),
      inset 0 -2px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 
      0 0 0 8px rgba(132, 209, 66, 0.25),
      0 6px 16px rgba(132, 209, 66, 0.5),
      inset 0 -2px 4px rgba(0, 0, 0, 0.1);
}
}
.step-item.done .step-counter[data-v-42d88be9] {
  background: linear-gradient(135deg, var(--tblr-success) 0%, #28a745 100%);
  color: white;
  border: 2px solid var(--tblr-success);
  -webkit-box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
          box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
}
.step-name[data-v-42d88be9] {
  font-size: 0.875rem;
  color: var(--tblr-muted);
  font-weight: 500;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.step-item.active .step-name[data-v-42d88be9] {
  color: var(--tblr-lime);
  font-weight: 700;
  text-shadow: 0 1px 3px rgba(132, 209, 66, 0.3);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.step-item.done .step-name[data-v-42d88be9] {
  color: var(--tblr-success);
  font-weight: 600;
}
@media (max-width: 768px) {
.steps-wizard[data-v-42d88be9] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
}
.step-item[data-v-42d88be9]:not(:last-child)::after {
    display: none;
}
.step-item[data-v-42d88be9] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: left;
    gap: 1rem;
}
.step-counter[data-v-42d88be9] {
    margin: 0;
}
}

/* Ocultar scrollbars manteniendo funcionalidad */
.onboarding-wizard[data-v-42d88be9] {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer 10+ */
}
.onboarding-wizard[data-v-42d88be9]::-webkit-scrollbar {
  display: none; /* Safari y Chrome */
}

/* Aplicar a todos los elementos con scroll */
[data-v-42d88be9] {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
[data-v-42d88be9]::-webkit-scrollbar {
  display: none;
}


/* Mantener funcionalidad de scroll pero ocultar barras */
.wizard-step[data-v-42d88be9],
.wizard-content[data-v-42d88be9],
.form-container[data-v-42d88be9],
.el-dialog__body[data-v-42d88be9],
.task-modal-body[data-v-42d88be9] {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.wizard-step[data-v-42d88be9]::-webkit-scrollbar,
.wizard-content[data-v-42d88be9]::-webkit-scrollbar,
.form-container[data-v-42d88be9]::-webkit-scrollbar,
.el-dialog__body[data-v-42d88be9]::-webkit-scrollbar,
.task-modal-body[data-v-42d88be9]::-webkit-scrollbar {
  display: none;
}

/* Loading Liquid Crystal tipo Apple 2025 */
.wizard-loading-liquid[data-v-42d88be9] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.liquid-backdrop[data-v-42d88be9] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(95, 36, 159, 0.15);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
}
.liquid-card[data-v-42d88be9] {
  position: relative;
  width: 380px;
  padding: 60px 40px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 32px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  -webkit-box-shadow: 0 32px 64px rgba(0, 0, 0, 0.3),
              inset 0 1px 0 rgba(255, 255, 255, 0.1);
          box-shadow: 0 32px 64px rgba(0, 0, 0, 0.3),
              inset 0 1px 0 rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(40px);
  overflow: hidden;
  -webkit-animation: cardFadeIn-42d88be9 0.6s cubic-bezier(0.23, 1, 0.32, 1);
          animation: cardFadeIn-42d88be9 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
@-webkit-keyframes cardFadeIn-42d88be9 {
from {
    opacity: 0;
    -webkit-transform: scale(0.9) translateY(20px);
            transform: scale(0.9) translateY(20px);
}
to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
}
}
@keyframes cardFadeIn-42d88be9 {
from {
    opacity: 0;
    -webkit-transform: scale(0.9) translateY(20px);
            transform: scale(0.9) translateY(20px);
}
to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
}
}
.liquid-blob[data-v-42d88be9] {
  position: absolute;
  border-radius: 50%;
  -webkit-filter: blur(60px);
          filter: blur(60px);
  opacity: 0.4;
  -webkit-animation: blobFloat-42d88be9 8s ease-in-out infinite;
          animation: blobFloat-42d88be9 8s ease-in-out infinite;
}
.liquid-blob-1[data-v-42d88be9] {
  width: 200px;
  height: 200px;
  background: #5F249F;
  top: -50px;
  right: -50px;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.liquid-blob-2[data-v-42d88be9] {
  width: 180px;
  height: 180px;
  background: #FFD700;
  bottom: -40px;
  left: -40px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.liquid-blob-3[data-v-42d88be9] {
  width: 150px;
  height: 150px;
  background: #5F249F;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
@-webkit-keyframes blobFloat-42d88be9 {
0%, 100% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
}
33% {
    -webkit-transform: translate(20px, -20px) scale(1.1);
            transform: translate(20px, -20px) scale(1.1);
}
66% {
    -webkit-transform: translate(-20px, 20px) scale(0.9);
            transform: translate(-20px, 20px) scale(0.9);
}
}
@keyframes blobFloat-42d88be9 {
0%, 100% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
}
33% {
    -webkit-transform: translate(20px, -20px) scale(1.1);
            transform: translate(20px, -20px) scale(1.1);
}
66% {
    -webkit-transform: translate(-20px, 20px) scale(0.9);
            transform: translate(-20px, 20px) scale(0.9);
}
}
.liquid-content[data-v-42d88be9] {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
}
.liquid-spinner[data-v-42d88be9] {
  position: relative;
  width: 100px;
  height: 100px;
}
.spinner-ring[data-v-42d88be9] {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid transparent;
  border-radius: 50%;
  -webkit-animation: ringRotate-42d88be9 2s linear infinite;
          animation: ringRotate-42d88be9 2s linear infinite;
}
.spinner-ring[data-v-42d88be9]:nth-child(1) {
  border-top-color: #5F249F;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.spinner-ring[data-v-42d88be9]:nth-child(2) {
  border-right-color: #FFD700;
  -webkit-animation-delay: -0.67s;
          animation-delay: -0.67s;
}
.spinner-ring[data-v-42d88be9]:nth-child(3) {
  border-bottom-color: #5F249F;
  -webkit-animation-delay: -1.33s;
          animation-delay: -1.33s;
}
@-webkit-keyframes ringRotate-42d88be9 {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes ringRotate-42d88be9 {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.liquid-text[data-v-42d88be9] {
  text-align: center;
}
.liquid-title[data-v-42d88be9] {
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 12px 0;
  color: rgba(255, 255, 255, 0.95);
  letter-spacing: -0.5px;
}
.liquid-message[data-v-42d88be9] {
  font-size: 15px;
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 768px) {
.liquid-card[data-v-42d88be9] {
    width: 320px;
    padding: 48px 32px;
}
.liquid-spinner[data-v-42d88be9] {
    width: 80px;
    height: 80px;
}
.liquid-title[data-v-42d88be9] {
    font-size: 20px;
}
.liquid-message[data-v-42d88be9] {
    font-size: 14px;
}
}

/* ========== WARM PAPER AESTHETIC - Confortable para uso prolongado ========== */
/* Paleta suave tipo "papel/sepia" que no cansa la vista */
/* Fuente: Verdana/Tahoma - diseñadas para pantallas de baja resolución */
/* Colores: crema suave, terracota apagado, marrón cálido */
[data-v-625c109f]:root {
  --db-bg: #FAF8F5;           /* Crema muy suave */
  --db-surface: #FFFEFA;      /* Blanco cálido */
  --db-border: rgba(139, 119, 101, 0.12);
  --db-text: #4A433A;         /* Marrón oscuro suave (no negro) */
  --db-text-muted: #7A7067;   /* Gris cálido */
  --db-text-light: #9A918A;   /* Gris claro cálido */
  --db-accent: #B08968;       /* Terracota apagado - agradable a la vista */
  --db-accent-warm: #C4A484;  /* Beige cálido */
  --db-accent-hover: #9A7556; /* Terracota más oscuro */
  /* Fuentes optimizadas para monitores de baja calidad */
  --db-font: Verdana, Tahoma, 'DejaVu Sans', Geneva, sans-serif;
  --db-font-mono: 'Consolas', 'Lucida Console', Monaco, monospace;
}
.deck-container[data-v-625c109f] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #FAF8F5;
  overflow: hidden;
  /* Fuente optimizada para baja resolución */
  font-family: Verdana, Tahoma, 'DejaVu Sans', Geneva, sans-serif;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  text-rendering: optimizeLegibility;
}

/* HEADER - Warm minimal */
.deck-header[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 6px 10px;
  background: #FFFEFA;
  border-bottom: 1px solid rgba(139, 119, 101, 0.12);
}
.header-title-block[data-v-625c109f] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0;
}
.header-title[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #4A433A;
  letter-spacing: -0.01em;
}
.header-title i[data-v-625c109f] { color: #B08968; font-size: 16px;
}
.header-subtitle[data-v-625c109f] {
  font-size: 12px;
  color: #7A7067;
  margin-top: 2px;
  padding-left: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-actions[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.edit-btn[data-v-625c109f], .save-btn[data-v-625c109f], .cancel-btn[data-v-625c109f], .close-btn[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.edit-btn[data-v-625c109f] { background: rgba(176, 137, 104, 0.15); color: #B08968;
}
.edit-btn[data-v-625c109f]:hover { background: #B08968; color: white;
}
.save-btn[data-v-625c109f] { background: #B08968; color: white;
}
.save-btn[data-v-625c109f]:hover { background: #9A7556;
}
.cancel-btn[data-v-625c109f] { background: #F5F3F0; color: #7A7067;
}
.cancel-btn[data-v-625c109f]:hover { background: #EFECE8;
}
.close-btn[data-v-625c109f] { background: transparent; color: #9A918A;
}
.close-btn[data-v-625c109f]:hover { background: rgba(176, 137, 104, 0.15); color: #7A7067;
}
.ti-spin[data-v-625c109f] { -webkit-animation: spin-625c109f 1s linear infinite; animation: spin-625c109f 1s linear infinite;
}
@-webkit-keyframes spin-625c109f {
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
@keyframes spin-625c109f {
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}

/* CONTENT - Compact spacing con scroll garantizado */
.deck-content[data-v-625c109f] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  overflow-y: auto !important;
  overflow-x: hidden;
  padding: 6px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  min-height: 0;
  max-height: 100%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-overflow-scrolling: touch; /* Smooth scroll en móviles */
}

/* Scrollbar - Warm subtle */
.deck-content[data-v-625c109f]::-webkit-scrollbar {
  width: 6px;
}
.deck-content[data-v-625c109f]::-webkit-scrollbar-track {
  background: transparent;
}
.deck-content[data-v-625c109f]::-webkit-scrollbar-thumb {
  background: rgba(45, 42, 38, 0.1);
  border-radius: 3px;
}
.deck-content[data-v-625c109f]::-webkit-scrollbar-thumb:hover {
  background: rgba(45, 42, 38, 0.18);
}

/* HERO STRIP */
.hero-strip[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  padding: 6px 10px;
  background: #FFFEFA;
  border-radius: 6px;
  border: 1px solid rgba(176, 137, 104, 0.15);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-shadow: 0 1px 3px rgba(139, 119, 101, 0.1);
          box-shadow: 0 1px 3px rgba(139, 119, 101, 0.1);
}
.hero-item[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
  min-width: 55px;
  padding: 2px 4px;
}
.hero-item.primary .hero-value[data-v-625c109f] { color: #B08968; font-weight: 600;
}
.hero-item.accent .hero-value[data-v-625c109f] { color: #C4A484; font-weight: 600;
}
.hero-label[data-v-625c109f] {
  font-size: 11px;
  text-transform: uppercase;
  color: #6A6259;
  font-weight: 600;
  letter-spacing: 0.6px;
}
.hero-value[data-v-625c109f] {
  font-size: 14px;
  color: #3D362E;
  font-weight: 600;
  font-family: Consolas, 'Lucida Console', Monaco, monospace;
  letter-spacing: 0.02em;
}
.hero-divider[data-v-625c109f] {
  width: 1px;
  height: 24px;
  background: rgba(176, 137, 104, 0.2);
}

/* CLICKABLE / COPY STYLES */
.clickable[data-v-625c109f] {
  cursor: pointer;
  position: relative;
  -webkit-transition: background 0.2s ease, -webkit-transform 0.15s ease;
  transition: background 0.2s ease, -webkit-transform 0.15s ease;
  transition: background 0.2s ease, transform 0.15s ease;
  transition: background 0.2s ease, transform 0.15s ease, -webkit-transform 0.15s ease;
}
.clickable[data-v-625c109f]:hover {
  background: rgba(176, 137, 104, 0.08);
}
.clickable[data-v-625c109f]:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}
.clickable.copied[data-v-625c109f] {
  background: rgba(176, 137, 104, 0.15) !important;
  position: relative;
}

/* Burbuja "Copiado" - Por defecto ARRIBA (para cards/elementos inferiores) */
.clickable.copied[data-v-625c109f]::after {
  content: 'Copiado';
  position: absolute;
  bottom: 100%;
  margin-bottom: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #B08968;
  color: white;
  font-size: 10px;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: 8px;
  white-space: nowrap;
  -webkit-animation: bubbleUp-625c109f 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
          animation: bubbleUp-625c109f 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  z-index: 100;
  pointer-events: none;
  -webkit-box-shadow: 0 4px 12px rgba(176, 137, 104, 0.3);
          box-shadow: 0 4px 12px rgba(176, 137, 104, 0.3);
  letter-spacing: 0.3px;
}
@-webkit-keyframes bubbleUp-625c109f {
0% { opacity: 0; -webkit-transform: translateX(-50%) translateY(6px) scale(0.7); transform: translateX(-50%) translateY(6px) scale(0.7);
}
100% { opacity: 1; -webkit-transform: translateX(-50%) translateY(0) scale(1); transform: translateX(-50%) translateY(0) scale(1);
}
}
@keyframes bubbleUp-625c109f {
0% { opacity: 0; -webkit-transform: translateX(-50%) translateY(6px) scale(0.7); transform: translateX(-50%) translateY(6px) scale(0.7);
}
100% { opacity: 1; -webkit-transform: translateX(-50%) translateY(0) scale(1); transform: translateX(-50%) translateY(0) scale(1);
}
}

/* Hero strip + Identity row (primera línea) - tooltip ABAJO */
.hero-strip .clickable.copied[data-v-625c109f]::after,
.identity-row .clickable.copied[data-v-625c109f]::after {
  bottom: auto;
  top: 100%;
  margin-bottom: 0;
  margin-top: 4px;
  -webkit-animation: bubbleDown-625c109f 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
          animation: bubbleDown-625c109f 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
@-webkit-keyframes bubbleDown-625c109f {
0% { opacity: 0; -webkit-transform: translateX(-50%) translateY(-6px) scale(0.7); transform: translateX(-50%) translateY(-6px) scale(0.7);
}
100% { opacity: 1; -webkit-transform: translateX(-50%) translateY(0) scale(1); transform: translateX(-50%) translateY(0) scale(1);
}
}
@keyframes bubbleDown-625c109f {
0% { opacity: 0; -webkit-transform: translateX(-50%) translateY(-6px) scale(0.7); transform: translateX(-50%) translateY(-6px) scale(0.7);
}
100% { opacity: 1; -webkit-transform: translateX(-50%) translateY(0) scale(1); transform: translateX(-50%) translateY(0) scale(1);
}
}
.hero-item.clickable[data-v-625c109f] {
  padding: 4px 6px;
  border-radius: 6px;
  margin: -4px;
  position: relative;
}
.hero-item.clickable[data-v-625c109f]:hover {
  background: rgba(176, 137, 104, 0.1);
}

/* Check icon oculto - la burbuja ya tiene el indicador */
.copy-check[data-v-625c109f] {
  display: none;
}

/* IDENTITY ROW - Warm accent bar */
.identity-row[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  padding: 4px 8px;
  background: #5D544A;
  border-radius: 6px;
  color: white;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.identity-main[data-v-625c109f] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.identity-main.clickable[data-v-625c109f] { cursor: pointer; border-radius: 8px; padding: 4px 8px; margin: -4px -8px;
}
.identity-main.clickable[data-v-625c109f]:hover { background: rgba(255,255,255,0.12);
}
.identity-main.copied[data-v-625c109f] { background: rgba(196, 164, 132, 0.3) !important;
}
.identity-email.clickable[data-v-625c109f] { cursor: pointer; border-radius: 8px; padding: 4px 8px;
}
.identity-email.clickable[data-v-625c109f]:hover { background: rgba(255,255,255,0.12);
}
.identity-email.copied[data-v-625c109f] { background: rgba(196, 164, 132, 0.3) !important;
}
.identity-name[data-v-625c109f] {
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
}
.identity-input[data-v-625c109f] {
  width: 100%;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 8px;
  background: rgba(255,255,255,0.08);
  color: white;
  font-size: 14px;
  font-weight: 500;
}
.identity-input[data-v-625c109f]::-webkit-input-placeholder { color: rgba(255,255,255,0.5);
}
.identity-input[data-v-625c109f]::-moz-placeholder { color: rgba(255,255,255,0.5);
}
.identity-input[data-v-625c109f]:-ms-input-placeholder { color: rgba(255,255,255,0.5);
}
.identity-input[data-v-625c109f]::-ms-input-placeholder { color: rgba(255,255,255,0.5);
}
.identity-input[data-v-625c109f]::placeholder { color: rgba(255,255,255,0.5);
}
.identity-input.small[data-v-625c109f] { width: auto; min-width: 180px; font-size: 12px;
}
.identity-email[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 12px;
  opacity: 0.85;
}
.identity-email i[data-v-625c109f] { font-size: 14px; opacity: 0.7;
}
.email-link[data-v-625c109f] {
  color: white;
  text-decoration: none;
}
.email-link[data-v-625c109f]:hover { text-decoration: underline;
}
.timeline-link[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: rgba(255,255,255,0.15);
  border-radius: 6px;
  color: white;
  text-decoration: none;
  font-size: 11px;
  font-weight: 500;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin-left: auto;
}
.timeline-link[data-v-625c109f]:hover {
  background: rgba(255,255,255,0.25);
  color: white;
}
.timeline-link i[data-v-625c109f] { font-size: 14px;
}

/* Botón Resumen */
.resumen-btn[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: rgba(255,255,255,0.2);
  border: none;
  border-radius: 6px;
  color: white;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.resumen-btn[data-v-625c109f]:hover, .resumen-btn.active[data-v-625c109f] {
  background: rgba(255,255,255,0.35);
}
.resumen-btn i[data-v-625c109f] { font-size: 13px;
}
.resumen-badge[data-v-625c109f] {
  background: rgba(255,255,255,0.3);
  padding: 1px 5px;
  border-radius: 10px;
  font-size: 9px;
  font-weight: 700;
}

/* Modal Resumen */
.resumen-overlay[data-v-625c109f] {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.4);
  z-index: 99999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
}
.resumen-modal[data-v-625c109f] {
  background: white;
  border-radius: 12px;
  width: 100%;
  max-width: 500px;
  max-height: 80vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0 20px 60px rgba(0,0,0,0.3);
          box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}
.resumen-header[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(176, 137, 104, 0.12);
  background: #FAF8F5;
  border-radius: 14px 14px 0 0;
}
.resumen-header i[data-v-625c109f] { font-size: 16px; color: #B08968;
}
.resumen-header span[data-v-625c109f] { font-size: 14px; font-weight: 600; color: #4A433A; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;
}
.resumen-close[data-v-625c109f] {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  background: transparent;
  border-radius: 8px;
  cursor: pointer;
  color: #9A918A;
}
.resumen-close[data-v-625c109f]:hover { background: #F5F3F0; color: #4A433A;
}
.resumen-body[data-v-625c109f] {
  padding: 14px 18px;
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.resumen-row[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
  padding: 10px 12px;
  background: #FAF8F5;
  border-radius: 8px;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.resumen-row[data-v-625c109f]:hover { background: #F5F3F0; border-color: rgba(176, 137, 104, 0.15);
}
.resumen-row.copied[data-v-625c109f] { background: rgba(176, 137, 104, 0.15) !important; border-color: rgba(176, 137, 104, 0.25);
}
.resumen-label[data-v-625c109f] {
  font-size: 9px;
  text-transform: uppercase;
  color: #9A918A;
  font-weight: 500;
  letter-spacing: 0.4px;
}
.resumen-value[data-v-625c109f] {
  font-size: 13px;
  color: #4A433A;
  font-weight: 500;
  word-break: keep-all;
}
@media (max-width: 600px) {
.resumen-body[data-v-625c109f] { grid-template-columns: 1fr;
}
.resumen-modal[data-v-625c109f] { max-width: 100%; margin: 10px;
}
}

/* ========== DATA GRID - LAYOUT VERTICAL SIMPLE ========== */
.data-grid[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  /* Removido flex-shrink: 0 para permitir scroll */
}

/* Para mantener compatibilidad con el template existente */
.data-column[data-v-625c109f] {
  display: contents; /* Los cards se comportan como hijos directos del grid */
}

/* ========== DATA CARDS - WARM STYLE ========== */
.data-card[data-v-625c109f] {
  background: #FFFEFA;
  border-radius: 6px;
  border: 1px solid rgba(176, 137, 104, 0.1);
  overflow: hidden;
  -webkit-box-shadow: 0 1px 3px rgba(139, 119, 101, 0.06);
          box-shadow: 0 1px 3px rgba(139, 119, 101, 0.06);
  -webkit-transition: -webkit-box-shadow 0.25s ease;
  transition: -webkit-box-shadow 0.25s ease;
  transition: box-shadow 0.25s ease;
  transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;
  margin-bottom: 4px;
}
.data-card[data-v-625c109f]:hover {
  -webkit-box-shadow: 0 2px 8px rgba(176, 137, 104, 0.12);
          box-shadow: 0 2px 8px rgba(176, 137, 104, 0.12);
}
.card-header[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border-bottom: 1px solid rgba(176, 137, 104, 0.08);
}
.card-header.clickable[data-v-625c109f] { cursor: pointer;
}
.card-header.clickable[data-v-625c109f]:hover { background: rgba(176, 137, 104, 0.05);
}
.card-icon[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.card-icon i[data-v-625c109f] { font-size: 15px;
}
/* Iconos con colores suaves armoniosos - no cansan la vista */
.card-icon.blue[data-v-625c109f] { background: #F0EDE8; color: #8A7F74;
}
.card-icon.green[data-v-625c109f] { background: #EFF2ED; color: #7A8A6A;
}
.card-icon.indigo[data-v-625c109f] { background: #EDEFF2; color: #6A7A8A;
}
.card-icon.orange[data-v-625c109f] { background: #F5F0EA; color: #A08060;
}
.card-icon.purple[data-v-625c109f] { background: #F2F0F4; color: #8A7A90;
}
.card-icon.gray[data-v-625c109f] { background: #F2F0ED; color: #7A7067;
}
.card-icon.amber[data-v-625c109f] { background: #F5F2EA; color: #9A8A6A;
}
.card-title[data-v-625c109f] {
  font-size: 15px;
  font-weight: 600;
  color: #4A433A;
  letter-spacing: -0.01em;
}
.card-count[data-v-625c109f] {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  background: #F5F3F0;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  color: #7A7067;
}
.collapse-arrow[data-v-625c109f] {
  font-size: 14px;
  color: #9A918A;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  margin-left: 4px;
}
.data-card.is-collapsed .collapse-arrow[data-v-625c109f] { -webkit-transform: rotate(0); transform: rotate(0);
}
.card-body[data-v-625c109f] {
  padding: 6px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

/* Card Grid - Layout simple de 2 columnas para legibilidad */
.card-body.card-grid[data-v-625c109f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 14px;
  padding: 14px 16px;
}

/* Clases de tamaño para campos */
.card-grid .field-row.field-xs[data-v-625c109f] { grid-column: span 1;
}
.card-grid .field-row.field-sm[data-v-625c109f] { grid-column: span 1;
}
.card-grid .field-row.field-md[data-v-625c109f] { grid-column: span 1;
}
.card-grid .field-row.field-lg[data-v-625c109f] { grid-column: span 2;
} /* Full width */
.card-grid .field-row.field-xl[data-v-625c109f] { grid-column: span 2;
} /* Full width */

/* Responsive: 1 columna en pantallas pequeñas */
@media (max-width: 600px) {
.card-body.card-grid[data-v-625c109f] {
    grid-template-columns: 1fr;
}
.card-grid .field-row.field-lg[data-v-625c109f],
  .card-grid .field-row.field-xl[data-v-625c109f] { grid-column: span 1;
}
}

/* Field Rows - Daybreak warm style */
.field-row[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  padding: 10px 14px;
  margin: 0;
  border-radius: 10px;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  background: #FAF8F5;
  min-width: 0;
}
.field-row.clickable[data-v-625c109f] { cursor: pointer;
}
.field-row.clickable[data-v-625c109f]:hover { background: #F5F3F0;
}
.field-row.copied[data-v-625c109f] { background: rgba(176, 137, 104, 0.15) !important;
}
.field-label[data-v-625c109f] {
  font-size: 11px;
  text-transform: uppercase;
  color: #6A6259;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.field-label i[data-v-625c109f] {
  font-size: 12px;
  color: #B08968;
}
.field-value[data-v-625c109f] {
  font-size: 14px;
  color: #3D362E;
  font-weight: 500;
  text-align: left;
  word-break: break-word;
  overflow-wrap: break-word;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
.field-value.mono[data-v-625c109f] {
  font-family: Consolas, 'Lucida Console', Monaco, monospace;
  font-weight: 600;
  font-size: 14px;
  color: #5D544A;
  letter-spacing: 0.02em;
}
.field-value.truncate[data-v-625c109f] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.field-row.full-width[data-v-625c109f] { grid-column: span 2;
}
.field-row.full-width .field-value[data-v-625c109f] { text-align: left; max-width: 100%;
}
.field-link[data-v-625c109f] {
  font-size: 11px;
  color: #B08968;
  text-decoration: none;
  font-weight: 600;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 4px 8px;
  background: rgba(176, 137, 104, 0.12);
  border-radius: 6px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.field-link[data-v-625c109f]:hover {
  background: rgba(176, 137, 104, 0.2);
  color: #9A7556;
}
.field-link i[data-v-625c109f] { font-size: 14px;
}

/* Minimapa integrado */
.minimap-field[data-v-625c109f] {
  padding: 6px !important;
}
.minimap-container[data-v-625c109f] {
  position: relative;
  width: 100%;
  height: 120px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.minimap-iframe[data-v-625c109f] {
  width: 100%;
  height: 100%;
  border: none;
  pointer-events: none;
}
.minimap-overlay[data-v-625c109f] {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
  background: rgba(0, 0, 0, 0);
  color: white;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.minimap-overlay i[data-v-625c109f] { font-size: 16px;
}
.minimap-container:hover .minimap-overlay[data-v-625c109f] {
  background: rgba(95, 35, 159, 0.75);
  opacity: 1;
}
.minimap-container:hover .minimap-iframe[data-v-625c109f] {
  pointer-events: auto;
}

/* TEXT COLORS & UTILITIES - Warm palette */
.text-blue[data-v-625c109f] { color: #5A7B9A;
}
.text-green[data-v-625c109f] { color: #B08968;
}
.text-indigo[data-v-625c109f] { color: #6B7A8C;
}
.text-orange[data-v-625c109f] { color: #C4A484;
}
.text-purple[data-v-625c109f] { color: #8C7B8A;
}
.text-gray[data-v-625c109f] { color: #7A7067;
}
.text-muted[data-v-625c109f] { color: #9A918A;
}
.mono[data-v-625c109f] { font-family: Consolas, 'Lucida Console', Monaco, monospace; font-size: 11px;
}

/* ========== PRODUCTOS TIMELINE LAYOUT ========== */
.productos-card .card-body.productos-timeline[data-v-625c109f] {
  padding: 10px 12px;
}
.prod-item[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding-bottom: 8px;
}
.prod-item[data-v-625c109f]:last-child { padding-bottom: 0;
}
.prod-connector[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.prod-dot[data-v-625c109f] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #B08968;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 4px;
}
.prod-dot.express[data-v-625c109f] {
  background: #6366f1;
}
.prod-line[data-v-625c109f] {
  width: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: rgba(45, 42, 38, 0.08);
  margin-top: 4px;
}
.prod-content[data-v-625c109f] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.prod-header[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.prod-title[data-v-625c109f] {
  font-size: 12px;
  font-weight: 600;
  color: #4A433A;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.prod-sucursal[data-v-625c109f] {
  font-size: 10px;
  font-weight: 500;
  color: #7A7067;
  background: rgba(45, 42, 38, 0.06);
  padding: 3px 8px;
  border-radius: 6px;
}
.prod-cantidad[data-v-625c109f] {
  font-size: 10px;
  font-weight: 600;
  color: #B08968;
  background: rgba(176, 137, 104, 0.12);
  padding: 3px 8px;
  border-radius: 6px;
}
.prod-nombre-comercial[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #4A433A;
  margin-top: 4px;
}
.prod-nombre-comercial i[data-v-625c109f] {
  font-size: 12px;
  color: #B08968;
}
.prod-direccion[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 11px;
  color: #6B6660;
  margin-top: 2px;
  padding: 2px 0;
}
.prod-direccion i[data-v-625c109f] {
  font-size: 12px;
  color: #9A918A;
}
.prod-direccion span[data-v-625c109f] {
  line-height: 1.3;
}
.prod-data[data-v-625c109f] {
  background: #FAF8F5;
  border-radius: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(45, 42, 38, 0.06);
}
.prod-field[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 6px;
  font-size: 11px;
  border-bottom: 1px solid rgba(45, 42, 38, 0.04);
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  border-radius: 4px;
  margin: 0 -6px;
}
.prod-field[data-v-625c109f]:last-child { border-bottom: none;
}
.prod-field.clickable[data-v-625c109f] { cursor: pointer;
}
.prod-field.clickable[data-v-625c109f]:hover { background: rgba(176, 137, 104, 0.08);
}
.prod-field.copied[data-v-625c109f] { background: rgba(176, 137, 104, 0.12);
}
.prod-field.prod-field-full[data-v-625c109f] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2px;
}
.prod-field.prod-field-full .prod-label[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.prod-field.prod-field-full .prod-label i[data-v-625c109f] {
  font-size: 11px;
  color: #9A918A;
}
.prod-field.prod-field-full .prod-value[data-v-625c109f] {
  font-size: 10px;
  line-height: 1.3;
  word-break: break-word;
}
.prod-label[data-v-625c109f] {
  color: #7A7067;
  font-weight: 500;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.prod-value[data-v-625c109f] {
  color: #4A433A;
  font-weight: 600;
  text-align: right;
  word-break: keep-all;
}
.prod-value.mono[data-v-625c109f] {
  font-family: Consolas, 'Lucida Console', Monaco, monospace;
  color: #B08968;
  font-weight: 600;
}

/* Legacy styles (compatibilidad) */
.card-body.productos[data-v-625c109f] {
  padding: 10px 14px;
}
.producto-row[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 6px 0;
  font-size: 11px;
  border-bottom: 1px solid rgba(0,0,0,0.04);
}
.producto-row[data-v-625c109f]:last-child { border-bottom: none;
}
.producto-row i[data-v-625c109f] { color: #6366F1; font-size: 14px; -ms-flex-negative: 0; flex-shrink: 0;
}
.producto-name[data-v-625c109f] { font-weight: 600; color: #1a1a2e; white-space: nowrap;
}
.producto-items[data-v-625c109f] { color: #6b7280; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.producto-chips[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
}
.producto-chip[data-v-625c109f] {
  padding: 4px 10px;
  background: rgba(99, 102, 241, 0.08);
  color: #4F46E5;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
}
.producto-meta[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(0,0,0,0.06);
  font-size: 11px;
  color: #6b7280;
}
.meta-item strong[data-v-625c109f] { color: #374151; margin-right: 4px;
}

/* ========== PRODUCTOS DETALLE ========== */
.productos-detail[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.sucursal-block[data-v-625c109f] {
  padding: 8px 10px;
  background: rgba(99, 102, 241, 0.03);
  border-radius: 8px;
  border-left: 3px solid #6366f1;
}
.sucursal-header[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  color: #4F46E5;
  margin-bottom: 6px;
}
.sucursal-header i[data-v-625c109f] { font-size: 12px;
}
.sucursal-details[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
}
.detail-row[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3px 6px;
  background: rgba(255,255,255,0.7);
  border-radius: 4px;
  font-size: 10px;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
}
.detail-row.clickable[data-v-625c109f]:hover { background: rgba(99, 102, 241, 0.08); cursor: pointer;
}
.detail-row.copied[data-v-625c109f] { background: rgba(95, 35, 159, 0.1);
}
.detail-label[data-v-625c109f] {
  color: #6b7280;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.detail-value[data-v-625c109f] {
  color: #1f2937;
  font-weight: 600;
  text-align: right;
}
.detail-value.mono[data-v-625c109f] { font-family: Consolas, 'Lucida Console', Monaco, monospace;
}
.metrics-row[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(0,0,0,0.06);
}
.metric-chip[data-v-625c109f] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 3px 8px;
  background: rgba(99, 102, 241, 0.08);
  color: #4F46E5;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.metric-chip[data-v-625c109f]:hover { background: rgba(99, 102, 241, 0.15);
}
.metric-chip.copied[data-v-625c109f] { background: rgba(95, 35, 159, 0.15); color: #5F239F;
}

/* ========== CUIK DEVICES ========== */
.card-body.cuik[data-v-625c109f] {
  padding: 10px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.cuik-device[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: rgba(95, 35, 159, 0.04);
  border-radius: 8px;
  font-size: 12px;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
}
.cuik-device[data-v-625c109f]:hover { background: rgba(95, 35, 159, 0.08);
}
.cuik-device i[data-v-625c109f] { color: #5F239F; font-size: 16px;
}
.cuik-id[data-v-625c109f] { color: #5F239F; font-weight: 600;
}
.cuik-afiliacion[data-v-625c109f] {
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px dashed rgba(95, 35, 159, 0.15);
}
.cuik-afiliacion .field-value[data-v-625c109f] { color: #5F239F;
}

/* ========== DOCUMENTOS GRID - RESPONSIVE CON BREAKPOINTS ========== */
.req-grid-section[data-v-625c109f] {
  background: white;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  padding: 12px 14px;
  position: relative;
  z-index: 100;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: visible;
  -ms-flex-negative: 0;
      flex-shrink: 0; /* No encoger - siempre visible */
  margin-top: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
}
.req-grid-header[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: 600;
  color: #4A433A;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(45, 42, 38, 0.06);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.req-grid-header i[data-v-625c109f] {
  font-size: 14px;
  color: #7A7067;
}
.req-count[data-v-625c109f] {
  min-width: 14px;
  height: 14px;
  padding: 0 5px;
  background: #B08968;
  color: white;
  border-radius: 7px;
  font-size: 9px;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
}

/* Grid responsive con breakpoints */
.req-grid[data-v-625c109f] {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 3px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 1400px) {
.req-grid[data-v-625c109f] { grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 1200px) {
.req-grid[data-v-625c109f] { grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 900px) {
.req-grid[data-v-625c109f] { grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 600px) {
.req-grid[data-v-625c109f] { grid-template-columns: repeat(2, 1fr);
}
}

/* Items del grid - Pills compactos */
.req-item[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  padding: 5px 8px;
  background: #f8f9fa;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  min-height: 26px;
  min-width: 0; /* Permitir que el item se encoja */
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.req-item[data-v-625c109f]:hover {
  border-color: rgba(45, 42, 38, 0.12);
  background: white;
  -webkit-box-shadow: 0 2px 8px rgba(45, 42, 38, 0.06);
          box-shadow: 0 2px 8px rgba(45, 42, 38, 0.06);
}
.req-item i[data-v-625c109f] {
  font-size: 12px;
  color: #7A7067;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.req-name[data-v-625c109f] {
  font-size: 10px;
  font-weight: 600;
  color: #4A433A;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.req-files[data-v-625c109f] {
  font-size: 9px;
  font-weight: 600;
  color: white;
  background: #B08968;
  padding: 2px 6px;
  border-radius: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* Status colors - Warm palette */
.req-item.status-success[data-v-625c109f] {
  border-color: rgba(176, 137, 104, 0.25);
  background: rgba(176, 137, 104, 0.04);
}
.req-item.status-success i[data-v-625c109f] { color: #B08968;
}
.req-item.status-success .req-files[data-v-625c109f] { background: #B08968;
}
.req-item.status-loaded[data-v-625c109f] {
  border-color: rgba(90, 123, 154, 0.2);
  background: rgba(90, 123, 154, 0.03);
}
.req-item.status-loaded i[data-v-625c109f] { color: #5A7B9A;
}
.req-item.status-loaded .req-files[data-v-625c109f] { background: #5A7B9A;
}
.req-item.status-pending[data-v-625c109f] {
  border-color: rgba(169, 162, 149, 0.3);
  background: rgba(169, 162, 149, 0.05);
}
.req-item.status-pending i[data-v-625c109f] { color: #9A918A;
}
.req-item.status-pending .req-files[data-v-625c109f] { background: #9A918A;
}

/* ========== POPOVER BACKDROP ========== */
.popover-backdrop[data-v-625c109f] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  z-index: 99998;
  pointer-events: none; /* No interceptar mouse para evitar flicker */
}
.fade-backdrop-enter-active[data-v-625c109f] {
  -webkit-transition: opacity 0.2s ease 0.05s;
  transition: opacity 0.2s ease 0.05s; /* Delay para evitar flicker */
}
.fade-backdrop-leave-active[data-v-625c109f] {
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.fade-backdrop-enter-from[data-v-625c109f],
.fade-backdrop-leave-to[data-v-625c109f] {
  opacity: 0;
}

/* ========== POPOVER FIJO (Teleport a body) ========== */
.req-popover-fixed[data-v-625c109f] {
  position: fixed;
  width: 220px;
  max-width: calc(100vw - 20px);
  background: white;
  border-radius: 6px;
  -webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  -webkit-animation: popoverFadeIn-625c109f 0.15s ease-out;
          animation: popoverFadeIn-625c109f 0.15s ease-out;
  pointer-events: auto;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  z-index: 99999;
}
@-webkit-keyframes popoverFadeIn-625c109f {
from { opacity: 0; -webkit-transform: translate(-50%, -100%) translateY(4px); transform: translate(-50%, -100%) translateY(4px);
}
to { opacity: 1; -webkit-transform: translate(-50%, -100%) translateY(0); transform: translate(-50%, -100%) translateY(0);
}
}
@keyframes popoverFadeIn-625c109f {
from { opacity: 0; -webkit-transform: translate(-50%, -100%) translateY(4px); transform: translate(-50%, -100%) translateY(4px);
}
to { opacity: 1; -webkit-transform: translate(-50%, -100%) translateY(0); transform: translate(-50%, -100%) translateY(0);
}
}

/* Flecha hacia abajo */
.req-popover-fixed[data-v-625c109f]::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  background: white;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.06);
          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.06);
}

/* Header ultra compacto */
.pop-header[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(45, 42, 38, 0.06);
  background: #FAF8F5;
  border-radius: 8px 8px 0 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.pop-header i[data-v-625c109f] {
  font-size: 12px;
  color: #B08968;
}
.pop-header span[data-v-625c109f] {
  font-size: 11px;
  font-weight: 600;
  color: #1a1a2e;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Body sin scroll - muestra todo */
.pop-body[data-v-625c109f] {
  padding: 4px 6px;
}

/* Filas ultra compactas */
.pop-row[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 6px;
  padding: 3px 4px;
  margin: 0 -4px;
  border-radius: 3px;
  font-size: 10px;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
}
.pop-row.clickable[data-v-625c109f] { cursor: pointer;
}
.pop-row.clickable[data-v-625c109f]:hover { background: rgba(95, 35, 159, 0.05);
}
.pop-row.copied[data-v-625c109f] { background: rgba(95, 35, 159, 0.1) !important;
}
.pop-label[data-v-625c109f] {
  color: #8b8b9e;
  font-weight: 500;
  font-size: 9px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 80px;
  line-height: 1.2;
}
.pop-value[data-v-625c109f] {
  color: #1a1a2e;
  font-weight: 500;
  text-align: right;
  word-break: keep-all;
  line-height: 1.2;
  font-size: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.pop-value.mono[data-v-625c109f] {
  font-family: Consolas, 'Lucida Console', Monaco, monospace;
  font-size: 9px;
}
.pop-value.status-validado[data-v-625c109f] { color: #10B981;
}
.pop-value.status-pendiente[data-v-625c109f] { color: #F59E0B;
}
.pop-value.status-cargado[data-v-625c109f] { color: #3B82F6;
}
.pop-divider[data-v-625c109f] {
  height: 1px;
  background: rgba(0,0,0,0.05);
  margin: 4px 0;
}
.pop-empty[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3px;
  padding: 10px 8px;
  color: #9ca3af;
}
.pop-empty i[data-v-625c109f] { font-size: 18px; opacity: 0.4;
}
.pop-empty span[data-v-625c109f] { font-size: 10px;
}

/* Footer compacto */
.pop-footer[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  padding: 5px 10px;
  background: rgba(0, 0, 0, 0.02);
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  font-size: 9px;
  color: #6b7280;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 0 0 8px 8px;
}
.pop-footer i[data-v-625c109f] { font-size: 9px; opacity: 0.6;
}

/* Popover responsive */
@media (max-width: 600px) {
.req-popover-fixed[data-v-625c109f] { width: 180px;
}
.pop-header[data-v-625c109f] { padding: 4px 6px;
}
.pop-header span[data-v-625c109f] { font-size: 9px;
}
.pop-body[data-v-625c109f] { padding: 3px 5px;
}
.pop-row[data-v-625c109f] { padding: 2px 3px; gap: 3px;
}
.pop-label[data-v-625c109f] { font-size: 7px; max-width: 50px;
}
.pop-value[data-v-625c109f] { font-size: 8px;
}
}


/* ========== TIMELINE / HISTORIAL ========== */
.timeline-section[data-v-625c109f] {
  background: white;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}
.timeline-header[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 12px 14px;
  font-size: 12px;
  font-weight: 700;
  color: #1a1a2e;
  cursor: pointer;
  background: #fafbfc;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.timeline-header[data-v-625c109f]:hover { background: #F5F3F0;
}
.timeline-header > i[data-v-625c109f]:first-child {
  font-size: 16px;
  color: #B08968;
  opacity: 0.85;
}
.timeline-badge[data-v-625c109f] {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 8px;
  background: #B08968;
  color: white;
  border-radius: 11px;
  font-size: 11px;
  font-weight: 500;
}
.timeline-header .collapse-icon[data-v-625c109f] {
  font-size: 14px;
  color: #9ca3af;
  margin-left: 4px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.timeline-list[data-v-625c109f] {
  max-height: 280px;
  overflow-y: auto;
  padding: 14px;
}
.timeline-list[data-v-625c109f]::-webkit-scrollbar { width: 4px;
}
.timeline-list[data-v-625c109f]::-webkit-scrollbar-track { background: transparent;
}
.timeline-list[data-v-625c109f]::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.1); border-radius: 2px;
}
.timeline-item[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  position: relative;
}
.tl-connector[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 16px;
}
.tl-dot[data-v-625c109f] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #B08968;
  border: 2px solid white;
  -webkit-box-shadow: 0 0 0 2px rgba(176, 137, 104, 0.15);
          box-shadow: 0 0 0 2px rgba(176, 137, 104, 0.15);
  z-index: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tl-dot.dot-blue[data-v-625c109f] { background: #5A7B9A; -webkit-box-shadow: 0 0 0 2px rgba(90, 123, 154, 0.12); box-shadow: 0 0 0 2px rgba(90, 123, 154, 0.12);
}
.tl-dot.dot-green[data-v-625c109f] { background: #B08968; -webkit-box-shadow: 0 0 0 2px rgba(176, 137, 104, 0.12); box-shadow: 0 0 0 2px rgba(176, 137, 104, 0.12);
}
.tl-dot.dot-yellow[data-v-625c109f] { background: #C4A484; -webkit-box-shadow: 0 0 0 2px rgba(196, 164, 132, 0.12); box-shadow: 0 0 0 2px rgba(196, 164, 132, 0.12);
}
.tl-dot.dot-red[data-v-625c109f] { background: #A87D6F; -webkit-box-shadow: 0 0 0 2px rgba(168, 125, 111, 0.12); box-shadow: 0 0 0 2px rgba(168, 125, 111, 0.12);
}
.tl-dot.dot-purple[data-v-625c109f] { background: #8C7B8A; -webkit-box-shadow: 0 0 0 2px rgba(140, 123, 138, 0.12); box-shadow: 0 0 0 2px rgba(140, 123, 138, 0.12);
}
.tl-line[data-v-625c109f] {
  width: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: rgba(0,0,0,0.06);
  min-height: 20px;
  margin: 2px 0;
  border-radius: 1px;
}
.tl-content[data-v-625c109f] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-bottom: 16px;
  min-width: 0;
}
.tl-header[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  margin-bottom: 4px;
}
.tl-title[data-v-625c109f] {
  font-size: 12px;
  font-weight: 600;
  color: #1a1a2e;
  line-height: 1.3;
}
.tl-time[data-v-625c109f] {
  font-size: 10px;
  color: #9ca3af;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: 500;
}
.tl-user[data-v-625c109f] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-size: 10px;
  color: #6b7280;
  margin-bottom: 6px;
  padding: 3px 8px;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.tl-user i[data-v-625c109f] { font-size: 10px; color: #9ca3af;
}
.tl-data[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  margin-top: 6px;
  padding: 8px 10px;
  background: #f9fafb;
  border-radius: 6px;
  border: 1px solid rgba(0,0,0,0.04);
}
.tl-field[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 4px 6px;
  margin: 0 -6px;
  border-radius: 4px;
  font-size: 10px;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
}
.tl-field.clickable[data-v-625c109f] { cursor: pointer;
}
.tl-field.clickable[data-v-625c109f]:hover { background: rgba(95,35,159,0.05);
}
.tl-field.copied[data-v-625c109f] { background: rgba(95,35,159,0.1) !important;
}
.tl-label[data-v-625c109f] {
  color: #8b8b9e;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 0.02em;
}
.tl-value[data-v-625c109f] {
  color: #1a1a2e;
  font-weight: 600;
  text-align: right;
  word-break: keep-all;
  font-size: 11px;
}

/* EMPTY STATE */
.deck-empty[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px;
  color: #9ca3af;
  gap: 8px;
}
.deck-empty i[data-v-625c109f] { font-size: 40px; opacity: 0.3;
}

/* RESPONSIVE */
@media (max-width: 1200px) {
.data-grid[data-v-625c109f] { grid-template-columns: repeat(2, 1fr);
}
.req-slide[data-v-625c109f] { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% / 6); flex: 0 0 calc(100% / 6);
}
}
@media (max-width: 900px) {
.req-slide[data-v-625c109f] { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% / 5); flex: 0 0 calc(100% / 5);
}
.hero-strip[data-v-625c109f] { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 6px;
}
}
@media (max-width: 700px) {
.data-grid[data-v-625c109f] { grid-template-columns: 1fr;
}
.req-slide[data-v-625c109f] { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% / 4); flex: 0 0 calc(100% / 4);
}
.identity-row[data-v-625c109f] { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px;
}
}
@media (max-width: 500px) {
.hero-strip[data-v-625c109f] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 4px;
}
.hero-divider[data-v-625c109f] { display: none;
}
.hero-item[data-v-625c109f] { padding: 3px 6px;
}
.identity-row[data-v-625c109f] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
}
.req-slide[data-v-625c109f] { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% / 3); flex: 0 0 calc(100% / 3);
}
.deck-content[data-v-625c109f] { padding: 10px;
}
.card-header[data-v-625c109f] { padding: 8px 10px;
}
.card-body[data-v-625c109f] { padding: 6px 10px;
}
}

/* ========== HISTORY BUTTON (Daybreak style) ========== */
.history-btn[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  background: transparent;
  border: 1px solid rgba(176, 137, 104, 0.25);
  border-radius: 8px;
  padding: 8px 12px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #B08968;
  margin-left: 8px;
}
.history-btn[data-v-625c109f]:hover {
  background: rgba(176, 137, 104, 0.08);
  border-color: rgba(176, 137, 104, 0.35);
}
.history-btn.active[data-v-625c109f] {
  background: #B08968;
  border-color: #B08968;
  color: white;
}
.history-btn > i[data-v-625c109f] { font-size: 16px;
}
.history-count[data-v-625c109f] {
  font-size: 11px;
  font-weight: 600;
  background: rgba(176, 137, 104, 0.15);
  padding: 2px 8px;
  border-radius: 10px;
  min-width: 18px;
  text-align: center;
}
.history-btn.active .history-count[data-v-625c109f] {
  background: rgba(255, 255, 255, 0.2);
  color: white;
}

/* ========== HISTORY SIDEBAR ========== */
.sidebar-backdrop[data-v-625c109f] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 99998; /* Just below sidebar */
}
.history-sidebar[data-v-625c109f] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 420px;
  background: #FAF8F5;
  -webkit-box-shadow: -4px 0 20px rgba(93, 84, 74, 0.2);
          box-shadow: -4px 0 20px rgba(93, 84, 74, 0.2);
  z-index: 99999; /* Máximo z-index para estar sobre todo */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: visible;
}

/* Fade transition for backdrop */
.fade-enter-active[data-v-625c109f], .fade-leave-active[data-v-625c109f] { -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
}
.fade-enter-from[data-v-625c109f], .fade-leave-to[data-v-625c109f] { opacity: 0;
}
.sidebar-header[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: #5D544A;
  color: white;
  font-weight: 600;
  font-size: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-family: Verdana, Tahoma, sans-serif;
}
.sidebar-header > i[data-v-625c109f]:first-child { font-size: 16px; opacity: 0.85;
}
.sidebar-badge[data-v-625c109f] {
  background: rgba(255,255,255,0.15);
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 12px;
  margin-left: auto;
  font-weight: 500;
}
.sidebar-close[data-v-625c109f] {
  background: rgba(255,255,255,0.1);
  border: none;
  color: white;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.sidebar-close[data-v-625c109f]:hover { background: rgba(255,255,255,0.2);
}
.sidebar-content[data-v-625c109f] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 12px 14px;
  min-height: 0;
  background: #FAF8F5;
  font-family: Verdana, Tahoma, sans-serif;
}
.sidebar-content[data-v-625c109f]::after {
  content: '';
  display: block;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.sidebar-content[data-v-625c109f]::-webkit-scrollbar { width: 4px;
}
.sidebar-content[data-v-625c109f]::-webkit-scrollbar-thumb { background: rgba(139, 119, 101, 0.2); border-radius: 2px;
}
.sidebar-item[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  position: relative;
  padding-bottom: 10px;
}
.sb-connector[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.sb-dot[data-v-625c109f] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #B08968;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 1;
}
.sb-dot.success[data-v-625c109f] { background: #B08968;
}
.sb-dot.warning[data-v-625c109f] { background: #C4A484;
}
.sb-dot.info[data-v-625c109f] { background: #9A7556;
}
.sb-line[data-v-625c109f] {
  width: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: rgba(176, 137, 104, 0.2);
  margin-top: 2px;
}
.sb-content[data-v-625c109f] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0;
}
.sb-header[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 6px;
  margin-bottom: 3px;
}
.sb-title[data-v-625c109f] {
  font-size: 13px;
  font-weight: 600;
  color: #4A433A;
  line-height: 1.3;
}
.sb-time[data-v-625c109f] {
  font-size: 11px;
  color: #9A918A;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.sb-user[data-v-625c109f] {
  font-size: 11px;
  color: #7A7067;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  margin-bottom: 4px;
}
.sb-user i[data-v-625c109f] { font-size: 12px; color: #B08968;
}
.sb-data[data-v-625c109f] {
  background: #FFFEFA;
  border-radius: 4px;
  padding: 8px 10px;
  overflow: visible;
  border: 1px solid rgba(176, 137, 104, 0.1);
}
.sb-field[data-v-625c109f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 3px 0;
  font-size: 12px;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
  border-radius: 3px;
}
.sb-field.clickable[data-v-625c109f]:hover { background: rgba(176, 137, 104, 0.1); cursor: pointer;
}
.sb-field.copied[data-v-625c109f] { background: rgba(176, 137, 104, 0.18);
}
.sb-field.sb-link[data-v-625c109f] { cursor: pointer; background: rgba(176, 137, 104, 0.08); border: 1px solid rgba(176, 137, 104, 0.2);
}
.sb-field.sb-link[data-v-625c109f]:hover { background: rgba(176, 137, 104, 0.15);
}
.sb-label[data-v-625c109f] { color: #9A918A; -ms-flex-negative: 0; flex-shrink: 0; max-width: 100px; font-size: 11px;
}
.sb-value[data-v-625c109f] { color: #4A433A; font-weight: 500; text-align: right; word-break: keep-all; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; font-size: 12px;
}
.sb-value.s3-link[data-v-625c109f] { color: #B08968; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
}
.sb-value.s3-link i[data-v-625c109f] { font-size: 14px; -ms-flex-negative: 0; flex-shrink: 0;
}

/* Sidebar transition */
.slide-sidebar-enter-active[data-v-625c109f],
.slide-sidebar-leave-active[data-v-625c109f] {
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.slide-sidebar-enter-from[data-v-625c109f],
.slide-sidebar-leave-to[data-v-625c109f] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

/* Responsive sidebar */
@media (max-width: 400px) {
.history-sidebar[data-v-625c109f] { width: 100%;
}
}

/* ========================================== */
/* RESPONSIVE BREAKPOINTS - 2010-2025        */
/* ========================================== */

/* === 4K UHD (3840x2160) === */
@media (min-width: 3200px) {
.card-body.card-grid[data-v-625c109f] { grid-template-columns: repeat(3, 1fr); gap: 8px 12px;
}
.req-grid[data-v-625c109f] { grid-template-columns: repeat(8, 1fr); gap: 6px;
}
.hero-strip[data-v-625c109f] { gap: 8px; padding: 8px 12px;
}
.hero-value[data-v-625c109f] { font-size: 14px;
}
.field-value[data-v-625c109f] { font-size: 13px;
}
.identity-name[data-v-625c109f] { font-size: 16px;
}
.minimap-container[data-v-625c109f] { height: 160px;
}
}

/* === Ultrawide (3440x1440, 21:9) === */
@media (min-width: 2800px) and (max-width: 3199px) {
.card-body.card-grid[data-v-625c109f] { grid-template-columns: repeat(3, 1fr);
}
.req-grid[data-v-625c109f] { grid-template-columns: repeat(7, 1fr);
}
}

/* === QHD/2K (2560x1440) === */
@media (min-width: 2200px) and (max-width: 2799px) {
.card-body.card-grid[data-v-625c109f] { grid-template-columns: repeat(3, 1fr);
}
.req-grid[data-v-625c109f] { grid-template-columns: repeat(6, 1fr);
}
}

/* === Full HD+ (1920x1080/1200) - Base óptimo === */
@media (min-width: 1800px) and (max-width: 2199px) {
.card-body.card-grid[data-v-625c109f] { grid-template-columns: repeat(3, 1fr);
}
.req-grid[data-v-625c109f] { grid-template-columns: repeat(6, 1fr);
}
}

/* === HD+ (1680x1050, 1600x900) === */
@media (min-width: 1500px) and (max-width: 1799px) {
.card-body.card-grid[data-v-625c109f] { grid-template-columns: repeat(2, 1fr);
}
.req-grid[data-v-625c109f] { grid-template-columns: repeat(5, 1fr);
}
}

/* === HD Ready (1440x900, 1366x768) - Laptops comunes === */
@media (min-width: 1280px) and (max-width: 1499px) {
.data-card[data-v-625c109f] { margin-bottom: 5px;
}
.card-body.card-grid[data-v-625c109f] {
    grid-template-columns: repeat(2, 1fr);
    gap: 3px 6px;
    padding: 6px 8px;
}
.card-grid .field-row.field-md[data-v-625c109f] { grid-column: span 1;
}
.card-grid .field-row.field-lg[data-v-625c109f] { grid-column: span 2;
}
.card-grid .field-row.field-xl[data-v-625c109f] { grid-column: span 2;
}
.req-grid[data-v-625c109f] { grid-template-columns: repeat(4, 1fr); gap: 3px;
}
.deck-content[data-v-625c109f] { padding: 4px 6px; gap: 3px;
}
.hero-strip[data-v-625c109f] { padding: 3px 6px; gap: 3px;
}
.hero-value[data-v-625c109f] { font-size: 11px;
}
.hero-label[data-v-625c109f] { font-size: 8px;
}
.identity-row[data-v-625c109f] { padding: 3px 6px; gap: 6px;
}
.identity-name[data-v-625c109f] { font-size: 13px;
}
.identity-email[data-v-625c109f] { font-size: 11px;
}
.field-label[data-v-625c109f] { font-size: 8px;
}
.field-value[data-v-625c109f] { font-size: 11px;
}
.minimap-container[data-v-625c109f] { height: 100px;
}
}

/* === XGA+ (1280x800, 1280x1024) - MacBooks antiguos === */
@media (min-width: 1100px) and (max-width: 1279px) {
.data-card[data-v-625c109f] { margin-bottom: 4px;
}
.card-body.card-grid[data-v-625c109f] {
    grid-template-columns: repeat(2, 1fr);
    gap: 3px 5px;
    padding: 5px 7px;
}
.card-grid .field-row.field-md[data-v-625c109f],
  .card-grid .field-row.field-lg[data-v-625c109f],
  .card-grid .field-row.field-xl[data-v-625c109f] { grid-column: span 2;
}
.req-grid[data-v-625c109f] { grid-template-columns: repeat(4, 1fr); gap: 2px;
}
.deck-header[data-v-625c109f] { padding: 4px 8px;
}
.header-title[data-v-625c109f] { font-size: 12px;
}
.deck-content[data-v-625c109f] { padding: 4px 5px; gap: 3px;
}
.hero-strip[data-v-625c109f] { padding: 3px 5px; gap: 3px;
}
.hero-value[data-v-625c109f] { font-size: 11px;
}
.hero-label[data-v-625c109f] { font-size: 7px;
}
.hero-divider[data-v-625c109f] { height: 14px;
}
.identity-row[data-v-625c109f] { padding: 3px 5px;
}
.identity-name[data-v-625c109f] { font-size: 12px;
}
.identity-email[data-v-625c109f] { font-size: 10px; gap: 4px;
}
.card-header[data-v-625c109f] { padding: 4px 6px; gap: 4px;
}
.card-title[data-v-625c109f] { font-size: 10px;
}
.card-icon[data-v-625c109f] { width: 18px; height: 18px;
}
.card-icon i[data-v-625c109f] { font-size: 10px;
}
.field-row[data-v-625c109f] { padding: 3px 5px;
}
.field-label[data-v-625c109f] { font-size: 8px;
}
.field-value[data-v-625c109f] { font-size: 10px;
}
.minimap-container[data-v-625c109f] { height: 90px;
}
}

/* === XGA (1024x768) - Monitores antiguos 4:3 === */
@media (min-width: 900px) and (max-width: 1099px) {
.data-card[data-v-625c109f] { margin-bottom: 4px;
}
.card-body.card-grid[data-v-625c109f] {
    grid-template-columns: repeat(2, 1fr);
    gap: 2px 4px;
    padding: 4px 6px;
}
.card-grid .field-row.field-sm[data-v-625c109f],
  .card-grid .field-row.field-md[data-v-625c109f],
  .card-grid .field-row.field-lg[data-v-625c109f],
  .card-grid .field-row.field-xl[data-v-625c109f] { grid-column: span 2;
}
.req-grid[data-v-625c109f] { grid-template-columns: repeat(3, 1fr); gap: 2px;
}
.deck-header[data-v-625c109f] { padding: 3px 6px;
}
.header-title[data-v-625c109f] { font-size: 11px; gap: 4px;
}
.header-subtitle[data-v-625c109f] { font-size: 10px; padding-left: 18px;
}
.deck-content[data-v-625c109f] { padding: 3px 4px; gap: 2px;
}
.hero-strip[data-v-625c109f] { padding: 2px 4px; gap: 2px; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.hero-item[data-v-625c109f] { min-width: 45px;
}
.hero-value[data-v-625c109f] { font-size: 10px;
}
.hero-label[data-v-625c109f] { font-size: 7px;
}
.hero-divider[data-v-625c109f] { height: 12px;
}
.identity-row[data-v-625c109f] { padding: 2px 4px; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.identity-name[data-v-625c109f] { font-size: 11px;
}
.identity-email[data-v-625c109f] { font-size: 9px;
}
.timeline-link[data-v-625c109f] { font-size: 9px; padding: 2px 6px;
}
.resumen-btn[data-v-625c109f] { font-size: 9px; padding: 2px 6px;
}
.card-header[data-v-625c109f] { padding: 3px 5px;
}
.card-title[data-v-625c109f] { font-size: 9px;
}
.card-icon[data-v-625c109f] { width: 16px; height: 16px;
}
.card-icon i[data-v-625c109f] { font-size: 9px;
}
.card-body[data-v-625c109f] { padding: 4px 6px;
}
.field-row[data-v-625c109f] { padding: 2px 4px;
}
.field-label[data-v-625c109f] { font-size: 7px;
}
.field-value[data-v-625c109f] { font-size: 10px;
}
.minimap-container[data-v-625c109f] { height: 80px;
}
}

/* === Tablet/Small laptop (< 900px) === */
@media (max-width: 899px) {
.data-card[data-v-625c109f] { margin-bottom: 4px;
}
.card-body.card-grid[data-v-625c109f] {
    grid-template-columns: 1fr;
    gap: 2px;
    padding: 4px 6px;
}
.card-grid .field-row[data-v-625c109f] { grid-column: span 1 !important;
}
.req-grid[data-v-625c109f] { grid-template-columns: repeat(3, 1fr); gap: 2px;
}
.hero-strip[data-v-625c109f] { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.identity-row[data-v-625c109f] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 4px;
}
.identity-main[data-v-625c109f] { width: 100%;
}
.identity-email[data-v-625c109f] { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
}
.timeline-link[data-v-625c109f] { margin-left: 0; margin-top: 4px;
}
.history-sidebar[data-v-625c109f] { width: 100%; max-width: 360px;
}
.deck-content[data-v-625c109f] { padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px));
}
}

/* === Mobile (< 769px) - Hide deck-header since TripleDeckCarousel has mobile-navbar === */
@media (max-width: 768px) {
.deck-header[data-v-625c109f] { display: none !important;
}
.hero-strip[data-v-625c109f] { pointer-events: auto; position: relative; z-index: 5;
}
.history-btn[data-v-625c109f] { z-index: 10; pointer-events: auto; position: relative;
}
.history-sidebar[data-v-625c109f] { width: 100%; z-index: 10001;
}
.sidebar-backdrop[data-v-625c109f] { z-index: 10000; pointer-events: auto;
}
.deck-content[data-v-625c109f] { pointer-events: auto;
}
}

/* === Mobile (< 600px) === */
@media (max-width: 599px) {
.req-grid[data-v-625c109f] { grid-template-columns: repeat(2, 1fr);
}
.hero-strip[data-v-625c109f] { padding: 4px 6px;
}
.hero-divider[data-v-625c109f] { display: none;
}
.resumen-modal[data-v-625c109f] { max-width: 100%; margin: 8px; z-index: 10001;
}
.resumen-body[data-v-625c109f] { grid-template-columns: 1fr;
}
.minimap-container[data-v-625c109f] { height: 100px;
}
.deck-content[data-v-625c109f] { padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px));
}
}

/* === Muy pequeño (< 400px) === */
@media (max-width: 399px) {
.req-grid[data-v-625c109f] { grid-template-columns: 1fr;
}
.deck-content[data-v-625c109f] { padding: 2px 4px;
}
.hero-strip[data-v-625c109f] { padding: 3px 4px;
}
.identity-row[data-v-625c109f] { padding: 4px 6px;
}
}

/* ========================================== */
/* ALTURA DE PANTALLA - Laptops cortos       */
/* ========================================== */

/* === Altura muy limitada (768px o menos) === */
@media (max-height: 768px) {
.deck-content[data-v-625c109f] { padding: 3px 5px; gap: 2px;
}
.hero-strip[data-v-625c109f] { padding: 2px 6px;
}
.hero-item[data-v-625c109f] { gap: 0;
}
.identity-row[data-v-625c109f] { padding: 2px 6px;
}
.data-card[data-v-625c109f] { margin-bottom: 4px;
}
.card-header[data-v-625c109f] { padding: 4px 6px;
}
.card-body[data-v-625c109f] { padding: 4px 6px; gap: 1px;
}
.card-body.card-grid[data-v-625c109f] { padding: 4px 6px; gap: 2px 4px;
}
.field-row[data-v-625c109f] { padding: 2px 4px; gap: 1px;
}
.minimap-container[data-v-625c109f] { height: 80px;
}
.resumen-modal[data-v-625c109f] { max-height: 90vh;
}
}

/* === Altura muy corta (600px o menos) === */
@media (max-height: 600px) {
.deck-header[data-v-625c109f] { padding: 2px 6px;
}
.header-title[data-v-625c109f] { font-size: 11px;
}
.deck-content[data-v-625c109f] { padding: 2px 4px; gap: 2px;
}
.hero-strip[data-v-625c109f] { padding: 2px 4px;
}
.hero-label[data-v-625c109f] { font-size: 7px;
}
.hero-value[data-v-625c109f] { font-size: 10px;
}
.identity-row[data-v-625c109f] { padding: 2px 4px;
}
.identity-name[data-v-625c109f] { font-size: 11px;
}
.card-header[data-v-625c109f] { padding: 3px 5px;
}
.card-title[data-v-625c109f] { font-size: 9px;
}
.card-body[data-v-625c109f] { padding: 3px 5px;
}
.field-label[data-v-625c109f] { font-size: 7px;
}
.field-value[data-v-625c109f] { font-size: 10px;
}
.minimap-container[data-v-625c109f] { height: 60px;
}
}

/* ========================================== */
/* ASPECT RATIOS ESPECÍFICOS                 */
/* ========================================== */

/* === 4:3 (Monitores cuadrados antiguos) === */
@media (min-aspect-ratio: 1/1) and (max-aspect-ratio: 4/3) {
.card-body.card-grid[data-v-625c109f] { grid-template-columns: repeat(2, 1fr);
}
.hero-strip[data-v-625c109f] { -ms-flex-wrap: wrap; flex-wrap: wrap;
}
}

/* === 16:10 (MacBooks, monitores profesionales) === */
@media (min-aspect-ratio: 16/11) and (max-aspect-ratio: 16/9) {
  /* Optimizado para 16:10 - buen balance */
.hero-strip[data-v-625c109f] { gap: 4px;
}
}

/* === 21:9 Ultrawide === */
@media (min-aspect-ratio: 2/1) {
.card-body.card-grid[data-v-625c109f] { grid-template-columns: repeat(3, 1fr);
}
.req-grid[data-v-625c109f] { grid-template-columns: repeat(8, 1fr);
}
.history-sidebar[data-v-625c109f] { width: 500px;
}
}

/* ========================================== */
/* COMBINACIONES ESPECÍFICAS - Edge Cases    */
/* ========================================== */

/* === 1366x768 - La resolución más común en laptops económicas === */
@media (min-width: 1300px) and (max-width: 1400px) and (max-height: 800px) {
.card-body.card-grid[data-v-625c109f] { grid-template-columns: repeat(2, 1fr); gap: 3px 5px;
}
.deck-content[data-v-625c109f] { padding: 3px 5px;
}
.hero-strip[data-v-625c109f] { padding: 2px 5px;
}
.identity-row[data-v-625c109f] { padding: 2px 5px;
}
.card-header[data-v-625c109f] { padding: 3px 5px;
}
.card-body[data-v-625c109f] { padding: 4px 6px;
}
.field-row[data-v-625c109f] { padding: 2px 4px;
}
}

/* === 1280x800 - MacBook Air 11"/13" antiguos === */
@media (min-width: 1200px) and (max-width: 1300px) and (max-height: 850px) {
.deck-content[data-v-625c109f] { padding: 3px 4px;
}
.hero-strip[data-v-625c109f] { padding: 2px 4px;
}
.minimap-container[data-v-625c109f] { height: 80px;
}
}

/* === 1440x900 - MacBook Pro 15" antiguos === */
@media (min-width: 1400px) and (max-width: 1500px) and (max-height: 950px) {
.card-body.card-grid[data-v-625c109f] { grid-template-columns: repeat(2, 1fr);
}
}

/* === 1920x1080 - Full HD estándar === */
@media (min-width: 1850px) and (max-width: 1950px) and (min-height: 1000px) and (max-height: 1150px) {
.card-body.card-grid[data-v-625c109f] { grid-template-columns: repeat(2, 1fr);
}
.req-grid[data-v-625c109f] { grid-template-columns: repeat(6, 1fr);
}
}

/* === Retina/HiDPI displays (device-pixel-ratio) === */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.field-value[data-v-625c109f] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.hero-value[data-v-625c109f] {
    -webkit-font-smoothing: antialiased;
}
}

/* === Modo oscuro del sistema (preparado) === */
@media (prefers-color-scheme: dark) {
  /* Actualmente sin cambios - el componente es light-only */
  /* Preparado para futuras implementaciones */
}

/* === Reduced motion (accesibilidad) === */
@media (prefers-reduced-motion: reduce) {
.clickable[data-v-625c109f],
  .field-row[data-v-625c109f],
  .data-card[data-v-625c109f],
  .minimap-overlay[data-v-625c109f],
  .collapse-arrow[data-v-625c109f] {
    -webkit-transition: none !important;
    transition: none !important;
}
@-webkit-keyframes bubbleDown-625c109f {
0%, 100% { opacity: 1; -webkit-transform: translateX(-50%) translateY(0) scale(1); transform: translateX(-50%) translateY(0) scale(1);
}
}
@keyframes bubbleDown-625c109f {
0%, 100% { opacity: 1; -webkit-transform: translateX(-50%) translateY(0) scale(1); transform: translateX(-50%) translateY(0) scale(1);
}
}
}

.client-info-drawer-overlay[data-v-c6287775] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10010; /* Above GooeyMenu (10001) */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.client-info-drawer[data-v-c6287775] {
  width: 100%;
  max-width: 720px;
  height: 100%;
  background: #FAF8F5;
  -webkit-box-shadow: -4px 0 24px rgba(93, 84, 74, 0.2);
          box-shadow: -4px 0 24px rgba(93, 84, 74, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  font-family: Verdana, Tahoma, 'DejaVu Sans', Geneva, sans-serif;
}

/* Header del drawer */
.drawer-header[data-v-c6287775] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 16px;
  background: #FFFEFA;
  border-bottom: 1px solid rgba(139, 119, 101, 0.12);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.drawer-title[data-v-c6287775] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #4A433A;
}
.drawer-title i[data-v-c6287775] {
  font-size: 20px;
  color: #B08968;
}
.drawer-close-btn[data-v-c6287775] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: #7A7067;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.drawer-close-btn[data-v-c6287775]:hover {
  background: rgba(176, 137, 104, 0.15);
  color: #4A433A;
}

/* Debug info */
.drawer-debug[data-v-c6287775] {
  padding: 8px 16px;
  background: #fff3cd;
  border-bottom: 1px solid #ffc107;
  font-family: monospace;
  font-size: 11px;
  color: #856404;
}

/* Body del drawer - SOLO el drawer hace scroll, no el deck */
.drawer-body[data-v-c6287775] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0;
  -webkit-overflow-scrolling: touch;
}

/* Ajustar el contenedor del deck para que NO haga su propio scroll */
.drawer-body[data-v-c6287775] .deck-container {
  height: auto !important;
  min-height: auto;
  border-radius: 0;
  background: #FAF8F5;
  overflow: visible !important;
}

/* Ocultar el header interno del DeckClientDetails ya que tenemos el nuestro */
.drawer-body[data-v-c6287775] .deck-header {
  display: none !important;
}

/* El deck-content NO debe hacer scroll - lo hace el drawer-body */
.drawer-body[data-v-c6287775] .deck-content {
  padding: 8px;
  overflow: visible !important;
  max-height: none !important;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

/* Empty state */
.drawer-empty[data-v-c6287775] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  min-height: 300px;
  color: #7A7067;
  text-align: center;
  padding: 40px;
}
.drawer-empty i[data-v-c6287775] {
  font-size: 64px;
  opacity: 0.5;
  margin-bottom: 16px;
}
.drawer-empty p[data-v-c6287775] {
  font-size: 14px;
  margin: 0;
}

/* Animaciones */
.drawer-enter-active[data-v-c6287775],
.drawer-leave-active[data-v-c6287775] {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.drawer-enter-active .client-info-drawer[data-v-c6287775],
.drawer-leave-active .client-info-drawer[data-v-c6287775] {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.drawer-enter-from[data-v-c6287775],
.drawer-leave-to[data-v-c6287775] {
  opacity: 0;
}
.drawer-enter-from .client-info-drawer[data-v-c6287775],
.drawer-leave-to .client-info-drawer[data-v-c6287775] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

/* Responsive */
@media (max-width: 768px) {
.client-info-drawer[data-v-c6287775] {
    max-width: 100%;
}
}

/* ========================================
   MODAL BOOTSTRAP PURO - LAYOUT FULLSCREEN
   Header sticky + Body scroll + Footer sticky
   ======================================== */

/* Overlay del modal */
.wizard-unity-modal-overlay[data-v-755b3743] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 4000; /* Above ExpedienteOverlay (3000) */
  overflow: hidden;
}

/* Container principal - flexbox columna */
.wizard-unity-modal-container[data-v-755b3743] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100vh;
  max-height: 100vh;
  background: #fff;
  overflow: hidden;
}

/* HEADER - sticky arriba, NO crece ni encoge */
.wizard-unity-header[data-v-755b3743] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: #ffffff;
  border-bottom: 1px solid #e9ecef;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.05);
          box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  padding: 12px 20px;
  position: relative;
  z-index: 10;
  overflow: hidden;
}

/* BODY - UNICO elemento con scroll */
.wizard-unity-body[data-v-755b3743] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0;
  max-height: 100%;
  padding: 0;
}

/* FOOTER - sticky abajo, NO crece ni encoge */
.wizard-unity-footer[data-v-755b3743] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: #ffffff;
  border-top: 1px solid #e9ecef;
  -webkit-box-shadow: 0 -2px 4px rgba(0,0,0,0.05);
          box-shadow: 0 -2px 4px rgba(0,0,0,0.05);
  padding: 12px 20px;
  z-index: 10;
  overflow: hidden;
}

/* Contenedor de botones en header */
.header-close-actions[data-v-755b3743] {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

/* Botón info cliente en header */
.btn-info-modal[data-v-755b3743] {
  background: rgba(95, 36, 159, 0.1);
  border: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  color: #5F249F;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.btn-info-modal[data-v-755b3743]:hover {
  background: #5F249F;
  color: white;
}
.btn-info-modal i[data-v-755b3743] {
  font-size: 16px;
}

/* Botón cerrar en header */
.btn-close-modal[data-v-755b3743] {
  background: transparent;
  border: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  color: #6c757d;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.btn-close-modal[data-v-755b3743]:hover {
  background: #f1f3f5;
  color: #dc3545;
}
.btn-close-modal i[data-v-755b3743] {
  font-size: 18px;
}

/* ========================================
   FIN LAYOUT MODAL
   ======================================== */

/* Header unificado - una sola línea */
.unified-header[data-v-755b3743] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 8px 0;
}
.header-left[data-v-755b3743] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.header-center[data-v-755b3743] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  min-width: 0;
}
.header-right[data-v-755b3743] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 90px; /* espacio para botones info + close */
}

/* Info del cliente compacta */
.client-info-compact[data-v-755b3743] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 6px 12px;
  border-radius: 8px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: linear-gradient(135deg, rgba(95, 36, 159, 0.05) 0%, rgba(139, 92, 246, 0.05) 100%);
  border: 1px solid rgba(95, 36, 159, 0.15);
}
.client-info-compact[data-v-755b3743]:hover {
  background: linear-gradient(135deg, rgba(95, 36, 159, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);
  border-color: rgba(95, 36, 159, 0.25);
}
.client-info-compact .client-name[data-v-755b3743] {
  font-weight: 600;
  color: #5F249F;
  font-size: 14px;
}
.client-info-compact .client-badge[data-v-755b3743] {
  background: rgba(95, 36, 159, 0.1);
  color: #5F249F;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
}
.client-info-compact .info-icon[data-v-755b3743] {
  color: #8B5CF6;
  font-size: 14px;
  opacity: 0.6;
}
.client-info-compact:hover .info-icon[data-v-755b3743] {
  opacity: 1;
}

/* Steps inline */
.steps-inline[data-v-755b3743] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: auto;
}
.step-chip[data-v-755b3743] {
  font-size: 12px;
  color: #6c757d;
  padding: 4px 10px;
  border-radius: 12px;
  white-space: nowrap;
  background: #f8f9fa;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.step-chip.active[data-v-755b3743] {
  color: #5F249F;
  font-weight: 600;
  background: rgba(95, 36, 159, 0.1);
}
.step-chip.completed[data-v-755b3743] {
  color: #20c997;
  font-weight: 500;
  background: rgba(32, 201, 151, 0.1);
}

/* Unity status inline */
.unity-status-inline[data-v-755b3743] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 8px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.unity-status-inline[data-v-755b3743]:hover {
  background: rgba(95, 36, 159, 0.05);
}
.status-item[data-v-755b3743] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 6px;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  font-size: 11px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.status-item.created[data-v-755b3743] {
  background: linear-gradient(135deg, rgba(95, 36, 159, 0.08) 0%, rgba(139, 92, 246, 0.08) 100%);
  border-color: rgba(95, 36, 159, 0.2);
}
.status-item i[data-v-755b3743]:first-child {
  font-size: 12px;
  color: #6c757d;
}
.status-item.created i[data-v-755b3743]:first-child {
  color: #5F249F;
}
.status-label[data-v-755b3743] {
  font-weight: 600;
  color: #6c757d;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 0.5px;
}
.status-item.created .status-label[data-v-755b3743] {
  color: #5F249F;
}
.status-count[data-v-755b3743] {
  background: #5F249F;
  color: white;
  font-size: 9px;
  font-weight: 600;
  padding: 1px 5px;
  border-radius: 8px;
  min-width: 16px;
  text-align: center;
}
.status-value[data-v-755b3743] {
  font-family: monospace;
  font-size: 10px;
  color: #5F249F;
  font-weight: 500;
}
.status-pending[data-v-755b3743] {
  font-size: 10px;
  color: #adb5bd;
  font-style: italic;
}
.copy-all-icon[data-v-755b3743] {
  font-size: 14px;
  color: #5F249F;
  opacity: 0.6;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin-left: 4px;
}
.unity-status-inline:hover .copy-all-icon[data-v-755b3743] {
  opacity: 1;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/* Popup de información del cliente */
.client-info-content[data-v-755b3743] {
  padding: 0;
}
.client-info-content .info-section[data-v-755b3743] {
  margin-bottom: 20px;
}
.client-info-content .info-section[data-v-755b3743]:last-child {
  margin-bottom: 0;
}
.client-info-content .info-section h6[data-v-755b3743] {
  font-size: 14px;
  font-weight: 600;
  color: #5F249F;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f1f3f5;
}
.client-info-content .info-grid[data-v-755b3743] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.client-info-content .info-item[data-v-755b3743] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.client-info-content .info-item .label[data-v-755b3743] {
  font-size: 11px;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.client-info-content .info-item .value[data-v-755b3743] {
  font-size: 14px;
  color: #212529;
  font-weight: 500;
}

/* Popover estándar de cliente */
.client-details-popover-overlay[data-v-755b3743] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.client-details-popover-enhanced[data-v-755b3743] {
  background: white;
  border-radius: 16px;
  width: 90%;
  max-width: 1200px;
  max-height: 85vh;
  -webkit-box-shadow: 0 20px 40px rgba(0,0,0,0.25);
          box-shadow: 0 20px 40px rgba(0,0,0,0.25);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.popover-header-enhanced[data-v-755b3743] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
  background: #5F249F;
  color: white;
}
.popover-header-enhanced h5[data-v-755b3743] {
  margin: 0;
  font-weight: 700;
  color: white;
  font-size: 1.1rem;
}
.popover-header-enhanced small[data-v-755b3743] {
  color: #FFCA00;
  opacity: 1;
  font-size: 0.85rem;
  font-weight: 400;
}
.popover-header-enhanced .btn-close-neo[data-v-755b3743] {
  background: transparent;
  border: none;
  color: white;
  font-size: 1.5rem;
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 6px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.popover-header-enhanced .btn-close-neo[data-v-755b3743]:hover {
  background: rgba(255, 255, 255, 0.15);
}
.popover-body-enhanced[data-v-755b3743] {
  padding: 1.25rem;
  overflow-y: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* Popover Masonry Grid */
.popover-masonry[data-v-755b3743] {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.popover-card[data-v-755b3743] {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
}
.popover-card-header[data-v-755b3743] {
  padding: 8px 12px;
  background: #fafbfc;
  border-bottom: 1px solid #e5e7eb;
  font-size: 0.75rem;
  font-weight: 600;
  color: #5F249F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.popover-card-header i[data-v-755b3743] {
  font-size: 0.9rem;
}
.popover-card-header small[data-v-755b3743] {
  margin-left: auto;
  font-weight: 400;
  color: #9ca3af;
}
.popover-card-body[data-v-755b3743] {
  padding: 8px;
}
.popover-card-body .copyable-field[data-v-755b3743] {
  padding: 6px 10px;
  margin-bottom: 4px;
  border-radius: 6px;
}
.popover-card-body .copyable-field[data-v-755b3743]:last-child {
  margin-bottom: 0;
}

/* Popover List Field */
.popover-list-field[data-v-755b3743] {
  padding: 6px 10px;
  margin-bottom: 4px;
}
.popover-list-field label[data-v-755b3743] {
  font-size: 0.65rem;
  text-transform: uppercase;
  color: #9ca3af;
  display: block;
  margin-bottom: 4px;
}
.popover-list-field ul[data-v-755b3743] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.popover-list-field ul li[data-v-755b3743] {
  font-size: 0.8rem;
  color: #1f2937;
  padding: 2px 0 2px 12px;
  position: relative;
}
.popover-list-field ul li[data-v-755b3743]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #5F249F;
}

/* Popover Group */
.popover-group[data-v-755b3743] {
  margin: 6px 0;
  padding: 6px;
  background: #f8fafc;
  border-radius: 6px;
}
.popover-group-header[data-v-755b3743] {
  font-size: 0.65rem;
  text-transform: uppercase;
  color: #9ca3af;
  margin-bottom: 6px;
  font-weight: 600;
}
.popover-group-content .copyable-field[data-v-755b3743] {
  background: #ffffff;
}

/* Responsive */
@media (max-width: 900px) {
.popover-masonry[data-v-755b3743] {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
}
}
@media (max-width: 600px) {
.popover-masonry[data-v-755b3743] {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
}
}
.section-divider[data-v-755b3743] {
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #5F249F;
  margin: 16px 0 10px 0;
  padding-bottom: 6px;
  border-bottom: 1px solid #e5e7eb;
}
.section-divider[data-v-755b3743]:first-child {
  margin-top: 0;
}
.copyable-field[data-v-755b3743] {
  background: #ffffff;
  border-radius: 8px;
  padding: 10px 14px;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid transparent;
}
.copyable-field[data-v-755b3743]:hover {
  background: #f8fafc;
  border-color: #5F249F;
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
}
.copyable-field:hover .copy-icon[data-v-755b3743] {
  opacity: 1;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.field-content[data-v-755b3743] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.field-content label[data-v-755b3743] {
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #9ca3af;
  font-weight: 600;
  margin-bottom: 0.15rem;
  display: block;
}
.field-content p[data-v-755b3743] {
  margin: 0;
  font-weight: 500;
  color: #1f2937;
  font-size: 0.85rem;
  word-break: break-word;
}
.field-icons[data-v-755b3743] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.copy-icon[data-v-755b3743] {
  font-size: 1rem;
  color: #5F249F;
  opacity: 0.5;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.text-success[data-v-755b3743] {
  color: #10b981;
}
.text-muted[data-v-755b3743] {
  color: #9ca3af;
}

/* Contenido interno del body */
.wizard-modal-content[data-v-755b3743] {
  height: 100%;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.wizard-content-area {
&[data-v-755b3743] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  padding: 20px;
  overflow-y: auto;
  }
[data-v-755b3743] .onboarding-wizard {
    height: auto !important;
}
[data-v-755b3743] .unity-status-panel {
    display: none !important;
}
[data-v-755b3743] .sticky-panel {
    display: none !important;
}
}

/* Footer del modal */
.wizard-footer-full[data-v-755b3743] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.wizard-footer-left[data-v-755b3743] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.wizard-footer-center[data-v-755b3743] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.step-counter[data-v-755b3743] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.step-indicator[data-v-755b3743] {
  font-size: 13px;
  font-weight: 600;
  color: #5F249F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
.step-indicator i[data-v-755b3743] {
  font-size: 14px;
  color: #5F249F;
}
.progress-bar-container[data-v-755b3743] {
  width: 200px;
  height: 4px;
  background: rgba(95, 36, 159, 0.15);
  border-radius: 6px;
  overflow: hidden;
}
.progress-fill[data-v-755b3743] {
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#5F249F), to(#8248C0));
  background: linear-gradient(90deg, #5F249F 0%, #8248C0 100%);
  border-radius: 6px;
  -webkit-transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.wizard-footer-right[data-v-755b3743] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* Botones del footer */
.wizard-unity-footer .btn[data-v-755b3743] {
  padding: 10px 20px;
  font-weight: 500;
  border-radius: 8px;
  font-size: 14px;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.wizard-unity-footer .btn.btn-tabler-primary[data-v-755b3743] {
  background: #5F249F;
  border: none;
  color: white;
  -webkit-box-shadow: 0 2px 8px rgba(95, 36, 159, 0.2);
          box-shadow: 0 2px 8px rgba(95, 36, 159, 0.2);
}
.wizard-unity-footer .btn.btn-tabler-primary[data-v-755b3743]:hover {
  background: #4A1D7C;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 16px rgba(95, 36, 159, 0.3);
          box-shadow: 0 4px 16px rgba(95, 36, 159, 0.3);
}
.wizard-unity-footer .btn.btn-tabler-success[data-v-755b3743] {
  background: #10b981;
  border: none;
  color: white;
  -webkit-box-shadow: 0 2px 8px rgba(16, 185, 129, 0.2);
          box-shadow: 0 2px 8px rgba(16, 185, 129, 0.2);
}
.wizard-unity-footer .btn.btn-tabler-success[data-v-755b3743]:hover {
  background: #059669;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3);
          box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3);
}
.wizard-unity-footer .btn.btn-outline-muted[data-v-755b3743] {
  background: transparent;
  border: 1px solid rgba(95, 36, 159, 0.2);
  color: #5F249F;
}
.wizard-unity-footer .btn.btn-outline-muted[data-v-755b3743]:hover {
  background: rgba(95, 36, 159, 0.05);
  border-color: #5F249F;
  color: #4A1D7C;
}
.wizard-unity-footer .btn.btn-ghost-dark[data-v-755b3743] {
  background: transparent;
  border: 1px solid rgba(95, 36, 159, 0.2);
  color: #5F249F;
}
.wizard-unity-footer .btn.btn-ghost-dark[data-v-755b3743]:hover {
  background: rgba(95, 36, 159, 0.05);
  border-color: #5F249F;
  color: #4A1D7C;
}


.fields-renderer[data-v-683cb2e2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.25rem;
}
.section-header[data-v-683cb2e2] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  margin: 1rem 0;
}
.section-line[data-v-683cb2e2] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#7c3aed), to(transparent));
  background: linear-gradient(90deg, transparent, #7c3aed, transparent);
}
.section-title[data-v-683cb2e2] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #7c3aed;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.empty-state[data-v-683cb2e2] {
  width: 100%;
  text-align: center;
  padding: 3rem 2rem;
  color: #adb5bd;
}
.empty-state i[data-v-683cb2e2] {
  font-size: 2.5rem;
  display: block;
  margin-bottom: 0.75rem;
}
.field-wrapper[data-v-683cb2e2] {
  min-width: 0;
}
.field-wrapper.col-12[data-v-683cb2e2] {
  width: 100%;
}
.field-wrapper.col-md-6[data-v-683cb2e2] {
  width: calc(50% - 0.625rem);
}
.field-wrapper.col-md-4[data-v-683cb2e2] {
  width: calc(33.333% - 0.833rem);
}
.field-wrapper.col-md-3[data-v-683cb2e2] {
  width: calc(25% - 0.9375rem);
}
.elegant-field[data-v-683cb2e2] {
  background: white;
  border: 2px solid #e9ecef;
  border-radius: 10px;
  padding: 0.75rem 1rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.elegant-field[data-v-683cb2e2]:hover {
  border-color: #7c3aed;
}
.elegant-field[data-v-683cb2e2]:focus-within {
  border-color: #7c3aed;
  -webkit-box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
          box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
}
.field-label[data-v-683cb2e2] {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6c757d;
  margin-bottom: 0.375rem;
  text-align: center;
}
.field-input-wrapper[data-v-683cb2e2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.elegant-input[data-v-683cb2e2] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: none;
  background: transparent;
  font-size: 0.9375rem;
  color: #2c3e50;
  padding: 0.25rem 0;
  text-align: center;
}
.elegant-input[data-v-683cb2e2]:focus {
  outline: none;
}
.field-actions[data-v-683cb2e2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
}
.action-btn[data-v-683cb2e2] {
  width: 28px;
  height: 28px;
  border: none;
  background: #f8f9fa;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  color: #6c757d;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.action-btn[data-v-683cb2e2]:hover {
  background: #7c3aed;
  color: white;
}
@media (max-width: 768px) {
.field-wrapper.col-md-6[data-v-683cb2e2],
  .field-wrapper.col-md-4[data-v-683cb2e2],
  .field-wrapper.col-md-3[data-v-683cb2e2] {
    width: 100%;
}
}

.modern-file-upload[data-v-c78d5cdc] {
  width: 100%;
}

/* Dropzone */
.dropzone[data-v-c78d5cdc] {
  border: 2px dashed #d1d5db;
  border-radius: 12px;
  padding: 2rem;
  text-align: center;
  background: #f9fafb;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.dropzone[data-v-c78d5cdc]:hover {
  border-color: #3b82f6;
  background: #eff6ff;
}
.dropzone.is-dragover[data-v-c78d5cdc] {
  border-color: #3b82f6;
  background: #dbeafe;
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
.dropzone.has-files[data-v-c78d5cdc] {
  padding: 1rem;
  border-style: solid;
  background: #fff;
}
.dropzone-empty[data-v-c78d5cdc] {
  padding: 1rem 0;
}
.upload-icon[data-v-c78d5cdc] {
  font-size: 3rem;
  color: #3b82f6;
  margin-bottom: 1rem;
}
.upload-icon i[data-v-c78d5cdc] {
  display: block;
}
.dropzone-title[data-v-c78d5cdc] {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 0.5rem;
}
.dropzone-text[data-v-c78d5cdc] {
  color: #6b7280;
  margin-bottom: 0.5rem;
}
.dropzone-hint[data-v-c78d5cdc] {
  color: #9ca3af;
  font-size: 0.875rem;
}
.dropzone-compact[data-v-c78d5cdc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  color: #3b82f6;
  font-weight: 500;
  font-size: 0.9375rem;
}
.dropzone-compact i[data-v-c78d5cdc] {
  font-size: 1.25rem;
}

/* Files List */
.files-list[data-v-c78d5cdc] {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
}
.file-item[data-v-c78d5cdc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.file-item[data-v-c78d5cdc]:hover {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.file-item.is-uploading[data-v-c78d5cdc] {
  border-color: #3b82f6;
  background: #eff6ff;
}
.file-item.is-success[data-v-c78d5cdc] {
  border-color: #10b981;
  background: #f0fdf4;
}
.file-item.is-error[data-v-c78d5cdc] {
  border-color: #ef4444;
  background: #fef2f2;
}

/* File Preview */
.file-preview[data-v-c78d5cdc] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 6px;
  overflow: hidden;
  background: #f3f4f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.file-thumbnail[data-v-c78d5cdc] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.file-icon[data-v-c78d5cdc] {
  font-size: 1.75rem;
  color: #6b7280;
}
.file-icon i[data-v-c78d5cdc] {
  display: block;
}

/* File Info */
.file-info[data-v-c78d5cdc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.file-name[data-v-c78d5cdc] {
  font-weight: 500;
  color: #1f2937;
  font-size: 0.9375rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.25rem;
}
.file-size[data-v-c78d5cdc] {
  font-size: 0.8125rem;
  color: #6b7280;
  margin-bottom: 0.5rem;
}

/* Progress Bar */
.file-progress[data-v-c78d5cdc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  margin-top: 0.5rem;
}
.progress-bar[data-v-c78d5cdc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 6px;
  background: #e5e7eb;
  border-radius: 3px;
  overflow: hidden;
}
.progress-fill[data-v-c78d5cdc] {
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#3b82f6), to(#2563eb));
  background: linear-gradient(90deg, #3b82f6 0%, #2563eb 100%);
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
  border-radius: 3px;
}
.progress-text[data-v-c78d5cdc] {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #3b82f6;
  min-width: 40px;
  text-align: right;
}

/* File Status */
.file-status[data-v-c78d5cdc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 500;
  margin-top: 0.5rem;
}
.file-status.success[data-v-c78d5cdc] {
  color: #10b981;
}
.file-status.error[data-v-c78d5cdc] {
  color: #ef4444;
}
.file-status i[data-v-c78d5cdc] {
  font-size: 1rem;
}

/* File Actions */
.file-actions[data-v-c78d5cdc] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn-remove[data-v-c78d5cdc] {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 1.25rem;
}
.btn-remove[data-v-c78d5cdc]:hover {
  background: #fee2e2;
  color: #ef4444;
}

/* Upload Summary */
.upload-summary[data-v-c78d5cdc] {
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  background: #f9fafb;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.summary-info[data-v-c78d5cdc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #6b7280;
  font-weight: 500;
}
.summary-info i[data-v-c78d5cdc] {
  font-size: 1.125rem;
}

/* Animations */
.file-list-enter-active[data-v-c78d5cdc],
.file-list-leave-active[data-v-c78d5cdc] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.file-list-enter-from[data-v-c78d5cdc] {
  opacity: 0;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.file-list-leave-to[data-v-c78d5cdc] {
  opacity: 0;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}

/* Responsive */
@media (max-width: 640px) {
.dropzone[data-v-c78d5cdc] {
    padding: 1.5rem 1rem;
}
.file-item[data-v-c78d5cdc] {
    padding: 0.75rem;
    gap: 0.75rem;
}
.file-preview[data-v-c78d5cdc] {
    width: 40px;
    height: 40px;
}
.file-name[data-v-c78d5cdc] {
    font-size: 0.875rem;
}
}

.table-renderer[data-v-9a3d4708] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
.table-group[data-v-9a3d4708] {
  background: #f8f9fa;
  border-radius: 12px;
  overflow: hidden;
}
.group-header[data-v-9a3d4708] {
  padding: 1rem 1.25rem;
  background: #f8f9fa;
  color: #495057;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 2px solid #dee2e6;
}
.table-wrapper[data-v-9a3d4708] {
  padding: 1rem;
  overflow-x: auto;
}
.elegant-table[data-v-9a3d4708] {
  width: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  border-collapse: separate;
  border-spacing: 0;
  background: white;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  table-layout: auto;
}
.elegant-table th[data-v-9a3d4708],
.elegant-table td[data-v-9a3d4708] {
  padding: 0.5rem 0.75rem;
  text-align: left;
  border-bottom: 1px solid #e9ecef;
  white-space: nowrap;
}
.elegant-table th[data-v-9a3d4708] {
  background: #f8f9fa;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.row-label-header[data-v-9a3d4708] {
  width: 180px;
}
.required-mark[data-v-9a3d4708] {
  color: #e74c3c;
  margin-left: 2px;
}
.elegant-table tbody tr[data-v-9a3d4708]:hover {
  background: #f8f9fa;
}
.elegant-table tbody tr:last-child td[data-v-9a3d4708] {
  border-bottom: none;
}
.row-label[data-v-9a3d4708] {
  font-weight: 500;
  color: #2c3e50;
}
.product-badge[data-v-9a3d4708] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: linear-gradient(135deg, rgba(9, 132, 227, 0.1) 0%, rgba(116, 185, 255, 0.1) 100%);
  color: #0984e3;
  padding: 0.375rem 0.75rem;
  border-radius: 20px;
  font-size: 0.8125rem;
  font-weight: 600;
}
.product-badge i[data-v-9a3d4708] {
  font-size: 0.875rem;
}
.cell-input-wrapper[data-v-9a3d4708] {
  position: relative;
}
.cell-input[data-v-9a3d4708],
.cell-select[data-v-9a3d4708] {
  width: 100%;
  border: 2px solid #e9ecef;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: white;
}
.cell-input[data-v-9a3d4708]:focus,
.cell-select[data-v-9a3d4708]:focus {
  border-color: #7c3aed;
  -webkit-box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
          box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
  outline: none;
}
.cell-input[data-v-9a3d4708]::-webkit-input-placeholder {
  color: #adb5bd;
}
.cell-input[data-v-9a3d4708]::-moz-placeholder {
  color: #adb5bd;
}
.cell-input[data-v-9a3d4708]:-ms-input-placeholder {
  color: #adb5bd;
}
.cell-input[data-v-9a3d4708]::-ms-input-placeholder {
  color: #adb5bd;
}
.cell-input[data-v-9a3d4708]::placeholder {
  color: #adb5bd;
}
.cell-display[data-v-9a3d4708] {
  display: block;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  color: #495057;
  font-weight: 500;
}
.empty-state[data-v-9a3d4708] {
  text-align: center;
  padding: 3rem 2rem;
  color: #adb5bd;
}
.empty-state i[data-v-9a3d4708] {
  font-size: 2.5rem;
  display: block;
  margin-bottom: 0.75rem;
  opacity: 0.5;
}

/* Card Styles (Siempre visible) */
.cards-wrapper[data-v-9a3d4708] {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.product-card[data-v-9a3d4708] {
  background: white;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.product-card .card-header[data-v-9a3d4708] {
  background: #f8f9fa;
  color: #495057;
  padding: 1rem 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  font-weight: 600;
  font-size: 1rem;
  border-bottom: 2px solid #dee2e6;
}
.product-card .card-header i[data-v-9a3d4708] {
  font-size: 1.25rem;
}
.product-card .card-body[data-v-9a3d4708] {
  padding: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.card-field[data-v-9a3d4708] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.field-label[data-v-9a3d4708] {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}
.field-value[data-v-9a3d4708] {
  width: 100%;
}
.field-value .form-control[data-v-9a3d4708],
.field-value .form-select[data-v-9a3d4708] {
  width: 100%;
  padding: 0.625rem 0.875rem;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  font-size: 0.9375rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.field-value .form-control[data-v-9a3d4708]:focus,
.field-value .form-select[data-v-9a3d4708]:focus {
  border-color: #7c3aed;
  -webkit-box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
          box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
  outline: none;
}
.display-value[data-v-9a3d4708] {
  display: block;
  padding: 0.625rem 0.875rem;
  background: #f8f9fa;
  border-radius: 8px;
  font-size: 0.9375rem;
  color: #495057;
  font-weight: 500;
}

.cards-renderer[data-v-c15dc870] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
.card-group[data-v-c15dc870] {
  background: #f8f9fa;
  border-radius: 12px;
  overflow: hidden;
}
.group-header[data-v-c15dc870] {
  padding: 1rem 1.25rem;
  background: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);
  color: white;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cards-grid[data-v-c15dc870] {
  display: grid;
  grid-template-columns: repeat(var(--columns, 2), 1fr);
  gap: 1rem;
  padding: 1rem;
}
.product-card[data-v-c15dc870] {
  background: white;
  border: 2px solid #e9ecef;
  border-radius: 12px;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.product-card[data-v-c15dc870]:hover {
  border-color: #7c3aed;
  -webkit-box-shadow: 0 4px 12px rgba(124, 58, 237, 0.1);
          box-shadow: 0 4px 12px rgba(124, 58, 237, 0.1);
}
.card-header[data-v-c15dc870] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(9, 132, 227, 0.05) 0%, rgba(116, 185, 255, 0.05) 100%);
  border-bottom: 1px solid #e9ecef;
}
.card-icon[data-v-c15dc870] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: linear-gradient(135deg, #0984e3 0%, #74b9ff 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  font-size: 1.25rem;
}
.card-title-section[data-v-c15dc870] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.card-title[data-v-c15dc870] {
  font-size: 1rem;
  font-weight: 600;
  color: #2c3e50;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-subtitle[data-v-c15dc870] {
  font-size: 0.75rem;
  color: #6c757d;
}
.card-body[data-v-c15dc870] {
  padding: 1rem;
}
.card-field[data-v-c15dc870] {
  margin-bottom: 1rem;
}
.card-field[data-v-c15dc870]:last-child {
  margin-bottom: 0;
}
.field-label[data-v-c15dc870] {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6c757d;
  margin-bottom: 0.375rem;
}
.field-input-wrapper[data-v-c15dc870] {
  position: relative;
}
.elegant-input[data-v-c15dc870],
.elegant-select[data-v-c15dc870] {
  width: 100%;
  border: 2px solid #e9ecef;
  border-radius: 8px;
  padding: 0.625rem 0.875rem;
  font-size: 0.875rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.elegant-input[data-v-c15dc870]:focus,
.elegant-select[data-v-c15dc870]:focus {
  border-color: #7c3aed;
  -webkit-box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
          box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
  outline: none;
}
.empty-state[data-v-c15dc870] {
  text-align: center;
  padding: 3rem 2rem;
  color: #adb5bd;
}
.empty-state i[data-v-c15dc870] {
  font-size: 2.5rem;
  display: block;
  margin-bottom: 0.75rem;
}
@media (max-width: 768px) {
.cards-grid[data-v-c15dc870] {
    grid-template-columns: 1fr;
}
}

.accordion-renderer[data-v-3fbdd3f5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
}
.accordion-panel[data-v-3fbdd3f5] {
  background: white;
  border: 2px solid #e9ecef;
  border-radius: 12px;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.accordion-panel[data-v-3fbdd3f5]:hover {
  border-color: #dee2e6;
}
.accordion-panel.expanded[data-v-3fbdd3f5] {
  border-color: #7c3aed;
  -webkit-box-shadow: 0 4px 12px rgba(124, 58, 237, 0.1);
          box-shadow: 0 4px 12px rgba(124, 58, 237, 0.1);
}
.panel-header[data-v-3fbdd3f5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.panel-header[data-v-3fbdd3f5]:hover {
  background: #f8f9fa;
}
.panel-header > i[data-v-3fbdd3f5] {
  font-size: 1rem;
  color: #6c757d;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.accordion-panel.expanded .panel-header > i[data-v-3fbdd3f5] {
  color: #7c3aed;
}
.panel-icon[data-v-3fbdd3f5] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  font-size: 1rem;
}
.panel-title[data-v-3fbdd3f5] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 600;
  color: #2c3e50;
}
.panel-badge[data-v-3fbdd3f5] {
  background: #ede9fe;
  color: #7c3aed;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
}
.panel-content[data-v-3fbdd3f5] {
  padding: 0 1.25rem 1.25rem;
  border-top: 1px solid #e9ecef;
  background: #f8f9fa;
}
.fields-grid[data-v-3fbdd3f5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  padding-top: 1rem;
}
.field-item[data-v-3fbdd3f5] {
  min-width: 0;
}
.field-item.col-md-6[data-v-3fbdd3f5] {
  width: calc(50% - 0.5rem);
}
.field-item.col-md-4[data-v-3fbdd3f5] {
  width: calc(33.333% - 0.667rem);
}
.elegant-field[data-v-3fbdd3f5] {
  background: white;
  border: 2px solid #e9ecef;
  border-radius: 10px;
  padding: 0.75rem 1rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.elegant-field[data-v-3fbdd3f5]:focus-within {
  border-color: #7c3aed;
  -webkit-box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
          box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
}
.field-label[data-v-3fbdd3f5] {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6c757d;
  margin-bottom: 0.375rem;
  text-align: center;
}
.field-input-wrapper[data-v-3fbdd3f5] {
  position: relative;
}
.elegant-input[data-v-3fbdd3f5],
.elegant-select[data-v-3fbdd3f5] {
  width: 100%;
  border: none;
  background: transparent;
  font-size: 0.9375rem;
  color: #2c3e50;
  padding: 0.25rem 0;
  text-align: center;
}
.elegant-input[data-v-3fbdd3f5]:focus,
.elegant-select[data-v-3fbdd3f5]:focus {
  outline: none;
}

/* Transition */
.expand-enter-active[data-v-3fbdd3f5],
.expand-leave-active[data-v-3fbdd3f5] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}
.expand-enter-from[data-v-3fbdd3f5],
.expand-leave-to[data-v-3fbdd3f5] {
  opacity: 0;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.empty-state[data-v-3fbdd3f5] {
  text-align: center;
  padding: 3rem 2rem;
  color: #adb5bd;
}
.empty-state i[data-v-3fbdd3f5] {
  font-size: 2.5rem;
  display: block;
  margin-bottom: 0.75rem;
}
@media (max-width: 768px) {
.field-item.col-md-6[data-v-3fbdd3f5],
  .field-item.col-md-4[data-v-3fbdd3f5] {
    width: 100%;
}
}

.tabs-renderer[data-v-452b79c5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.tabs-container[data-v-452b79c5] {
  background: white;
  border: 2px solid #e9ecef;
  border-radius: 12px;
  overflow: hidden;
}
.tabs-header[data-v-452b79c5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f8f9fa;
  border-bottom: 1px solid #e9ecef;
  overflow-x: auto;
  scrollbar-width: thin;
}
.tabs-header.tabs-vertical[data-v-452b79c5] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: none;
  border-right: 1px solid #e9ecef;
  min-width: 200px;
}
.tab-button[data-v-452b79c5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.25rem;
  background: transparent;
  border: none;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 600;
  color: #6c757d;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tab-button[data-v-452b79c5]:hover {
  background: rgba(124, 58, 237, 0.05);
  color: #2c3e50;
}
.tab-button.active[data-v-452b79c5] {
  background: white;
  color: #7c3aed;
  border-bottom-color: #7c3aed;
}
.tabs-vertical .tab-button[data-v-452b79c5] {
  border-bottom: none;
  border-left: 3px solid transparent;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.tabs-vertical .tab-button.active[data-v-452b79c5] {
  border-left-color: #7c3aed;
}
.tab-button i[data-v-452b79c5] {
  font-size: 1.125rem;
}
.tab-title[data-v-452b79c5] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tab-badge[data-v-452b79c5] {
  background: #ede9fe;
  color: #7c3aed;
  padding: 0.125rem 0.5rem;
  border-radius: 10px;
  font-size: 0.7rem;
  font-weight: 700;
}
.tab-button.active .tab-badge[data-v-452b79c5] {
  background: #7c3aed;
  color: white;
}
.tabs-content[data-v-452b79c5] {
  padding: 1.5rem;
}
.tab-panel[data-v-452b79c5] {
  min-height: 200px;
}
.fields-grid[data-v-452b79c5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
.field-item[data-v-452b79c5] {
  min-width: 0;
}
.field-item.col-md-6[data-v-452b79c5] {
  width: calc(50% - 0.5rem);
}
.field-item.col-md-4[data-v-452b79c5] {
  width: calc(33.333% - 0.667rem);
}
.field-item.col-12[data-v-452b79c5] {
  width: 100%;
}
.elegant-field[data-v-452b79c5] {
  background: #f8f9fa;
  border: 2px solid #e9ecef;
  border-radius: 10px;
  padding: 0.75rem 1rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.elegant-field[data-v-452b79c5]:hover {
  border-color: #7c3aed;
}
.elegant-field[data-v-452b79c5]:focus-within {
  border-color: #7c3aed;
  -webkit-box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
          box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
}
.field-label[data-v-452b79c5] {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6c757d;
  margin-bottom: 0.375rem;
  text-align: center;
}
.field-input-wrapper[data-v-452b79c5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.elegant-input[data-v-452b79c5],
.elegant-select[data-v-452b79c5] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: none;
  background: transparent;
  font-size: 0.9375rem;
  color: #2c3e50;
  padding: 0.25rem 0;
  text-align: center;
}
.elegant-input[data-v-452b79c5]:focus,
.elegant-select[data-v-452b79c5]:focus {
  outline: none;
}
.field-actions[data-v-452b79c5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
}
.action-btn[data-v-452b79c5] {
  width: 28px;
  height: 28px;
  border: none;
  background: white;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  color: #6c757d;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.action-btn[data-v-452b79c5]:hover {
  background: #7c3aed;
  color: white;
}

/* Fade transition */
.fade-enter-active[data-v-452b79c5],
.fade-leave-active[data-v-452b79c5] {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.fade-enter-from[data-v-452b79c5],
.fade-leave-to[data-v-452b79c5] {
  opacity: 0;
}
.empty-state[data-v-452b79c5] {
  text-align: center;
  padding: 3rem 2rem;
  color: #adb5bd;
}
.empty-state i[data-v-452b79c5] {
  font-size: 2.5rem;
  display: block;
  margin-bottom: 0.75rem;
}
@media (max-width: 768px) {
.field-item.col-md-6[data-v-452b79c5],
  .field-item.col-md-4[data-v-452b79c5] {
    width: 100%;
}
.tabs-header[data-v-452b79c5] {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: auto;
}
}

[data-v-547847f4]:root {
  --tblr-primary-rgb: 32, 107, 196;
  --tblr-secondary-rgb: 109, 117, 125;
  --tblr-success-rgb: 43, 155, 70;
  --tblr-info-rgb: 74, 175, 227;
  --tblr-warning-rgb: 247, 177, 50;
  --tblr-danger-rgb: 210, 52, 60;
  --tblr-light-rgb: 248, 249, 250;
  --tblr-dark-rgb: 33, 37, 41;
  --tblr-spacer: 1rem;
  --tblr-border-radius: 0.25rem;
  --tblr-border-color: rgba(0, 0, 0, 0.05);
}
.dynamic-task-form[data-v-547847f4] {
  padding: 20px;
  position: relative;
  z-index: 1;
  /* Altura dinámica basada en contenido */
  height: auto;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.dynamic-task-form .form-loading[data-v-547847f4] {
  padding: 40px 20px;
}
.dynamic-task-form .form-header[data-v-547847f4] {
  margin-bottom: 30px;
}
.dynamic-task-form .form-header h1[data-v-547847f4] {
  font-size: 24px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 8px;
}
.dynamic-task-form .form-header p[data-v-547847f4] {
  color: #6c757d;
  font-size: 14px;
}
.dynamic-task-form .dynamic-form .row[data-v-547847f4] {
  margin-bottom: 20px;
}
.dynamic-task-form .dynamic-form .form-label[data-v-547847f4] {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #2c3e50;
  font-size: 14px;
}
.dynamic-task-form .dynamic-form .form-label .text-danger[data-v-547847f4] {
  margin-left: 4px;
}
.dynamic-task-form .dynamic-form .form-check[data-v-547847f4] {
  padding: 12px;
  border: 1px solid #e9ecef;
  border-radius: 6px;
  background: white;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  min-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dynamic-task-form .dynamic-form .form-check[data-v-547847f4]:hover {
  border-color: #409eff;
  background: #f8f9fa;
}
.dynamic-task-form .dynamic-form .form-check .form-check-input[data-v-547847f4] {
  width: 18px;
  height: 18px;
  margin-top: 0;
  cursor: pointer;
}
.dynamic-task-form .dynamic-form .form-check .form-check-input[data-v-547847f4]:checked {
  background-color: #409eff;
  border-color: #409eff;
}
.dynamic-task-form .dynamic-form .form-check .form-check-input:checked ~ .form-check-label[data-v-547847f4] {
  font-weight: 600;
  color: #409eff;
}
.dynamic-task-form .dynamic-form .form-check .form-check-label[data-v-547847f4] {
  cursor: pointer;
  font-size: 14px;
  color: #495057;
  margin-left: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.dynamic-task-form .dynamic-form .form-footer[data-v-547847f4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  padding-top: 20px;
  border-top: 1px solid #e9ecef;
}
.dynamic-task-form .dynamic-form .form-footer .btn[data-v-547847f4] {
  padding: 10px 24px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border: none;
  cursor: pointer;
}
.dynamic-task-form .dynamic-form .form-footer .btn[data-v-547847f4]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.dynamic-task-form .dynamic-form .form-footer .btn.btn-primary[data-v-547847f4] {
  background: #409eff;
  color: white;
}
.dynamic-task-form .dynamic-form .form-footer .btn.btn-primary[data-v-547847f4]:hover:not(:disabled) {
  background: #337ecc;
}
.dynamic-task-form .dynamic-form .form-footer .btn.btn-outline-secondary[data-v-547847f4] {
  background: white;
  color: #6c757d;
  border: 1px solid #dee2e6;
}
.dynamic-task-form .dynamic-form .form-footer .btn.btn-outline-secondary[data-v-547847f4]:hover {
  background: #f8f9fa;
}
.dynamic-task-form .form-error[data-v-547847f4] {
  padding: 40px 20px;
}
.dynamic-task-form .checkbox-cards-grid[data-v-547847f4] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  width: 100%;
}
@media (max-width: 768px) {
.dynamic-task-form .checkbox-cards-grid[data-v-547847f4] {
    grid-template-columns: 1fr;
}
}
.dynamic-task-form .checkbox-card[data-v-547847f4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 16px 18px;
  background: #ffffff;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  cursor: pointer;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  min-height: 56px;
}
.dynamic-task-form .checkbox-card[data-v-547847f4]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: transparent;
  -webkit-transition: background 0.25s ease;
  transition: background 0.25s ease;
}
.dynamic-task-form .checkbox-card[data-v-547847f4]:hover {
  border-color: #94a3b8;
  background: #f8fafc;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.dynamic-task-form .checkbox-card.selected[data-v-547847f4] {
  border-color: #3b82f6;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  -webkit-box-shadow: 0 4px 16px rgba(59, 130, 246, 0.2);
          box-shadow: 0 4px 16px rgba(59, 130, 246, 0.2);
}
.dynamic-task-form .checkbox-card.selected[data-v-547847f4]::before {
  background: #3b82f6;
}
.dynamic-task-form .checkbox-card.selected .card-checkbox i[data-v-547847f4] {
  color: #3b82f6;
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}
.dynamic-task-form .checkbox-card.selected .card-label[data-v-547847f4] {
  color: #1e40af;
  font-weight: 600;
}
.dynamic-task-form .checkbox-card.danger-theme.selected[data-v-547847f4] {
  border-color: #ef4444;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  -webkit-box-shadow: 0 4px 16px rgba(239, 68, 68, 0.2);
          box-shadow: 0 4px 16px rgba(239, 68, 68, 0.2);
}
.dynamic-task-form .checkbox-card.danger-theme.selected[data-v-547847f4]::before {
  background: #ef4444;
}
.dynamic-task-form .checkbox-card.danger-theme.selected .card-checkbox i[data-v-547847f4] {
  color: #ef4444;
}
.dynamic-task-form .checkbox-card.danger-theme.selected .card-label[data-v-547847f4] {
  color: #dc2626;
}
.dynamic-task-form .checkbox-card.danger-theme[data-v-547847f4]:hover:not(.selected) {
  border-color: #fca5a5;
}
.dynamic-task-form .checkbox-card .card-checkbox[data-v-547847f4] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dynamic-task-form .checkbox-card .card-checkbox i[data-v-547847f4] {
  font-size: 24px;
  color: #cbd5e1;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.dynamic-task-form .checkbox-card .card-content[data-v-547847f4] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.dynamic-task-form .checkbox-card .card-content .card-label[data-v-547847f4] {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #334155;
  line-height: 1.4;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.dynamic-task-form .checkbox-card .card-content .card-desc[data-v-547847f4] {
  display: block;
  font-size: 12px;
  color: #94a3b8;
  margin-top: 2px;
  line-height: 1.3;
}
.dynamic-task-form .checkbox-card .card-badge[data-v-547847f4] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #ef4444;
  border-radius: 50%;
  -webkit-animation: pulse-badge-547847f4 1.8s ease-in-out infinite;
          animation: pulse-badge-547847f4 1.8s ease-in-out infinite;
}
.dynamic-task-form .checkbox-card .card-badge i[data-v-547847f4] {
  font-size: 14px;
  color: white;
}
.dynamic-task-form .selected-count[data-v-547847f4] {
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.dynamic-task-form .selected-count .count-badge[data-v-547847f4] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 14px;
  background: #3b82f6;
  color: white;
  font-size: 13px;
  font-weight: 600;
  border-radius: 20px;
  -webkit-box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
          box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}
.dynamic-task-form .selected-count .count-badge.danger[data-v-547847f4] {
  background: #ef4444;
  -webkit-box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
          box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
}
@-webkit-keyframes pulse-badge-547847f4 {
0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0.85;
}
}
@keyframes pulse-badge-547847f4 {
0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0.85;
}
}
[data-v-547847f4] .el-select-dropdown,[data-v-547847f4] .el-picker-panel,[data-v-547847f4] .el-popper {
  z-index: 9999 !important;
}

/* ===== Info Panel (Read-only ATC Case Info) ===== */
.info-panel-wrapper[data-v-547847f4] {
  margin-bottom: 1rem;
}
.info-panel-wrapper .info-panel-content[data-v-547847f4] {
  background: linear-gradient(145deg, #f8f9fa 0%, #f1f3f5 100%);
  border: 1px solid #e9ecef;
}
.info-panel-wrapper .info-panel-flat .info-item[data-v-547847f4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 0.25rem 0;
  border-bottom: 1px dashed #e9ecef;
}
.info-panel-wrapper .info-panel-flat .info-item[data-v-547847f4]:last-child {
  border-bottom: none;
}
.info-panel-wrapper .info-panel-flat .info-item .info-label[data-v-547847f4] {
  min-width: 120px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.info-panel-wrapper .info-panel-flat .info-item .info-value[data-v-547847f4] {
  color: #212529;
}
.info-panel-wrapper .info-panel-grid .info-item-card[data-v-547847f4] {
  background: white;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.info-panel-wrapper .info-panel-grid .info-item-card[data-v-547847f4]:hover {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.info-panel-wrapper .info-panel-grid .info-item-card .info-label[data-v-547847f4] {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.info-panel-wrapper .info-panel-grid .info-item-card .info-value[data-v-547847f4] {
  font-size: 0.9375rem;
  color: #212529;
}

/* ===== Checkbox Grid (Requisitos a Corregir) ===== */
.checkbox-grid-wrapper .group-title[data-v-547847f4] {
  font-weight: 600;
  color: #1f2937;
  font-size: 0.9375rem;
  border-bottom: 2px solid #e5e7eb;
  padding-bottom: 0.375rem;
  margin-bottom: 0.75rem;
}
.checkbox-grid-wrapper .checkbox-group[data-v-547847f4] {
  background: #f9fafb;
  border-radius: 8px;
  padding: 0.75rem;
}
.checkbox-grid-wrapper .custom-option-item[data-v-547847f4] {
  position: relative;
}
.checkbox-grid-wrapper .custom-option-item .custom-option-item-check[data-v-547847f4] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkbox-grid-wrapper .custom-option-item .custom-option-item-check:checked ~ .custom-option-item-label[data-v-547847f4] {
  background: #dbeafe;
  border-color: #3b82f6;
  color: #1e40af;
  font-weight: 500;
}
.checkbox-grid-wrapper .custom-option-item .custom-option-item-check:focus ~ .custom-option-item-label[data-v-547847f4] {
  -webkit-box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
          box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}
.checkbox-grid-wrapper .custom-option-item .custom-option-item-label[data-v-547847f4] {
  display: block;
  border: 1.5px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  min-height: 42px;
  padding: 0.5rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
}
.checkbox-grid-wrapper .custom-option-item .custom-option-item-label[data-v-547847f4]:hover {
  border-color: #3b82f6;
  background: #eff6ff;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.checkbox-grid-wrapper .custom-option-item .custom-option-item-label small[data-v-547847f4] {
  line-height: 1.3;
}
.checkbox-grid-wrapper .custom-option-item .custom-option-item-label small.text-muted[data-v-547847f4] {
  font-size: 0.6875rem;
  margin-top: 0.125rem;
}

/* Grid más compacto para 3 columnas */
.checkbox-grid-wrapper .row.g-2[data-v-547847f4] {
  row-gap: 0.5rem !important;
  -webkit-column-gap: 0.5rem !important;
     -moz-column-gap: 0.5rem !important;
          column-gap: 0.5rem !important;
}:root {
  --tblr-primary-rgb: 32, 107, 196;
  --tblr-secondary-rgb: 109, 117, 125;
  --tblr-success-rgb: 43, 155, 70;
  --tblr-info-rgb: 74, 175, 227;
  --tblr-warning-rgb: 247, 177, 50;
  --tblr-danger-rgb: 210, 52, 60;
  --tblr-light-rgb: 248, 249, 250;
  --tblr-dark-rgb: 33, 37, 41;
  --tblr-spacer: 1rem;
  --tblr-border-radius: 0.25rem;
  --tblr-border-color: rgba(0, 0, 0, 0.05);
}
.dynamic-form-select-dropdown,
.dynamic-form-date-picker {
  z-index: 9999 !important;
}
.dynamic-task-form .el-input,
.dynamic-task-form .el-select,
.dynamic-task-form .el-date-picker {
  width: 100%;
}
.dynamic-task-form .el-input__wrapper {
  min-height: 42px;
  padding: 8px 12px;
}
.dynamic-task-form .el-textarea__inner {
  padding: 8px 12px;
  font-size: 14px;
}
.dynamic-task-form .el-select .el-input__wrapper {
  cursor: pointer;
}
.dynamic-task-form .form-field .el-input,
.dynamic-task-form .form-field .el-select,
.dynamic-task-form .form-field .el-date-picker {
  display: block;
  width: 100% !important;
}
.dynamic-task-form .credenciales-upload-wrapper .credenciales-uploader {
  width: 100%;
}
.dynamic-task-form .credenciales-upload-wrapper .credenciales-uploader .el-upload {
  width: 100%;
}
.dynamic-task-form .credenciales-upload-wrapper .credenciales-uploader .el-upload-dragger {
  width: 100%;
  min-height: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px dashed #206bc4;
  background: #f8f9fa;
  border-radius: 8px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.dynamic-task-form .credenciales-upload-wrapper .credenciales-uploader .el-upload-dragger:hover {
  border-color: #1c5cad;
  background: #e8f0f8;
}
.dynamic-task-form .credenciales-upload-wrapper .credenciales-uploader .upload-area {
  text-align: center;
  padding: 1rem;
}
.dynamic-task-form .credenciales-upload-wrapper .credenciales-uploader .upload-area .upload-icon {
  font-size: 3rem;
  color: #206bc4;
  margin-bottom: 1rem;
  display: block;
}
.dynamic-task-form .credenciales-upload-wrapper .credenciales-uploader .upload-area .upload-text p {
  font-size: 1rem;
  color: #495057;
  font-weight: 500;
}
.dynamic-task-form .credenciales-upload-wrapper .credenciales-uploader .upload-area .upload-text small {
  font-size: 0.875rem;
}
.dynamic-task-form .credenciales-upload-wrapper .credenciales-uploader .el-upload-list {
  margin-top: 1rem;
}
.dynamic-task-form .credenciales-upload-wrapper .credenciales-uploader .el-upload-list .el-upload-list__item {
  border-radius: 6px;
  padding: 8px 12px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.dynamic-task-form .credenciales-upload-wrapper .credenciales-uploader .el-upload-list .el-upload-list__item:hover {
  background-color: #f1f5f9;
}
.dynamic-task-form .form-display-field .form-control-plaintext {
  padding: 0.5rem 0;
  color: #495057;
  font-weight: 500;
  background-color: #f8f9fa;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  border-left: 3px solid #206bc4;
}
.dynamic-task-form .polling-progress .alert {
  border-radius: 8px;
  border-left: 4px solid #206bc4;
}
.dynamic-task-form .polling-progress h5 {
  font-size: 1rem;
  font-weight: 600;
  color: #206bc4;
}
.dynamic-task-form .polling-progress .el-progress {
  margin: 1rem 0;
}
.dynamic-task-form .form-disabled {
  pointer-events: none;
  opacity: 0.6;
}
.dynamic-task-form .nested-layout-wrapper {
  width: 100%;
  margin-bottom: 1rem;
}
.dynamic-task-form .terminals-table-wrapper {
  width: 100%;
}
.dynamic-task-form .terminals-table-wrapper .terminals-dynamic-table {
  width: 100%;
}
.dynamic-task-form .terminals-table-wrapper .terminals-dynamic-table thead th {
  font-weight: 600;
  color: #495057;
  padding: 12px 16px;
  background: #f8f9fa;
  border-bottom: 2px solid #dee2e6;
}
.dynamic-task-form .terminals-table-wrapper .terminals-dynamic-table tbody tr.terminal-row {
  border-bottom: 1px solid #e9ecef;
}
.dynamic-task-form .terminals-table-wrapper .terminals-dynamic-table tbody tr.terminal-row:hover {
  background-color: #f8f9fa;
}
.dynamic-task-form .terminals-table-wrapper .terminals-dynamic-table tbody tr.terminal-row td {
  padding: 16px;
  vertical-align: middle;
}
.dynamic-task-form .terminals-table-wrapper .terminals-dynamic-table .device-info .device-label {
  font-size: 14px;
  color: #6c757d;
}
.dynamic-task-form .terminals-table-wrapper .terminals-dynamic-table .device-info .device-value {
  font-size: 16px;
}
.dynamic-task-form .terminals-table-wrapper .terminal-uploader .el-upload {
  width: 100%;
}
.dynamic-task-form .terminals-table-wrapper .terminal-uploader .el-upload-dragger {
  width: 100%;
  min-height: 80px;
  padding: 12px;
  border: 2px dashed #dee2e6;
  background: #f8f9fa;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.dynamic-task-form .terminals-table-wrapper .terminal-uploader .el-upload-dragger:hover {
  border-color: #206bc4;
  background: #e8f4fc;
}
.dynamic-task-form .terminals-table-wrapper .terminal-uploader .upload-area-mini {
  text-align: center;
}
.dynamic-task-form .terminals-table-wrapper .terminal-uploader .upload-area-mini i {
  font-size: 24px;
  color: #206bc4;
  display: block;
  margin-bottom: 4px;
}
.dynamic-task-form .terminals-table-wrapper .terminal-uploader .upload-area-mini span {
  font-size: 12px;
  color: #6c757d;
}
.dynamic-task-form .terminals-table-wrapper .terminal-uploader .el-upload-list {
  margin-top: 8px;
}
.dynamic-task-form .terminals-table-wrapper .terminal-uploader .el-upload-list .el-upload-list__item {
  margin-top: 4px;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
}
:root {
  --tblr-primary-rgb: 32, 107, 196;
  --tblr-secondary-rgb: 109, 117, 125;
  --tblr-success-rgb: 43, 155, 70;
  --tblr-info-rgb: 74, 175, 227;
  --tblr-warning-rgb: 247, 177, 50;
  --tblr-danger-rgb: 210, 52, 60;
  --tblr-light-rgb: 248, 249, 250;
  --tblr-dark-rgb: 33, 37, 41;
  --tblr-spacer: 1rem;
  --tblr-border-radius: 0.25rem;
  --tblr-border-color: rgba(0, 0, 0, 0.05);
}

/* Fix z-index for Element Plus dropdowns inside modals */
.dynamic-form-select-dropdown {
  z-index: 11000 !important; /* Mayor que el modal (9999) */
}

/* Asegurar que el popper de el-select esté por encima del modal */
.el-popper.is-light {
  z-index: 11000 !important;
}

/* Fix para el overlay del select */
.el-select-dropdown {
  z-index: 11000 !important;
}
.file-viewer-modal[data-v-f3f46080] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1000002;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem;
}
.file-viewer-dialog[data-v-f3f46080] {
  background: white;
  border-radius: 12px;
  width: 100%;
  max-width: 1400px;
  max-height: 98vh;
  height: 98vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
          box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
}
.file-viewer-header[data-v-f3f46080] {
  padding: 1.5rem;
  border-bottom: 1px solid #e5e7eb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.file-viewer-title[data-v-f3f46080] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #111827;
}
.file-viewer-body[data-v-f3f46080] {
  padding: 1.5rem;
  overflow-y: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.file-viewer-body .row[data-v-f3f46080] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
}

/* Mobile Tab Toggle - Hidden by default, visible on mobile */
.mobile-tab-toggle[data-v-f3f46080] {
  display: none;
  padding: 0.5rem;
  background: #f3f4f6;
  border-bottom: 1px solid #e5e7eb;
  gap: 0.5rem;
}
.mobile-tab-toggle .tab-btn[data-v-f3f46080] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #6b7280;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.mobile-tab-toggle .tab-btn.active[data-v-f3f46080] {
  background: white;
  color: #5F249F;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.mobile-tab-toggle .tab-btn i[data-v-f3f46080] {
  font-size: 1.1rem;
}

/* Glow animation on mobile tab toggle when viewer opens */
@media (max-width: 768px) {
.mobile-tab-toggle .tab-btn[data-v-f3f46080] {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
}
.mobile-tab-toggle .tab-btn[data-v-f3f46080]:first-child {
    -webkit-animation: tabEnterLeft-f3f46080 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s forwards,tabGlow-f3f46080 0.8s ease-out 0.3s forwards;
            animation: tabEnterLeft-f3f46080 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s forwards,tabGlow-f3f46080 0.8s ease-out 0.3s forwards;
}
.mobile-tab-toggle .tab-btn[data-v-f3f46080]:last-child {
    -webkit-animation: tabEnterRight-f3f46080 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s forwards,tabGlow-f3f46080 0.8s ease-out 0.35s forwards;
            animation: tabEnterRight-f3f46080 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s forwards,tabGlow-f3f46080 0.8s ease-out 0.35s forwards;
}
}
@-webkit-keyframes tabEnterLeft-f3f46080 {
0% {
    opacity: 0;
    -webkit-transform: translateX(-20px) translateY(-5px) scale(0.9);
            transform: translateX(-20px) translateY(-5px) scale(0.9);
}
60% {
    -webkit-transform: translateX(3px) translateY(0) scale(1.02);
            transform: translateX(3px) translateY(0) scale(1.02);
}
100% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) scale(1);
            transform: translateX(0) translateY(0) scale(1);
}
}
@keyframes tabEnterLeft-f3f46080 {
0% {
    opacity: 0;
    -webkit-transform: translateX(-20px) translateY(-5px) scale(0.9);
            transform: translateX(-20px) translateY(-5px) scale(0.9);
}
60% {
    -webkit-transform: translateX(3px) translateY(0) scale(1.02);
            transform: translateX(3px) translateY(0) scale(1.02);
}
100% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) scale(1);
            transform: translateX(0) translateY(0) scale(1);
}
}
@-webkit-keyframes tabEnterRight-f3f46080 {
0% {
    opacity: 0;
    -webkit-transform: translateX(20px) translateY(-5px) scale(0.9);
            transform: translateX(20px) translateY(-5px) scale(0.9);
}
60% {
    -webkit-transform: translateX(-3px) translateY(0) scale(1.02);
            transform: translateX(-3px) translateY(0) scale(1.02);
}
100% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) scale(1);
            transform: translateX(0) translateY(0) scale(1);
}
}
@keyframes tabEnterRight-f3f46080 {
0% {
    opacity: 0;
    -webkit-transform: translateX(20px) translateY(-5px) scale(0.9);
            transform: translateX(20px) translateY(-5px) scale(0.9);
}
60% {
    -webkit-transform: translateX(-3px) translateY(0) scale(1.02);
            transform: translateX(-3px) translateY(0) scale(1.02);
}
100% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) scale(1);
            transform: translateX(0) translateY(0) scale(1);
}
}
@-webkit-keyframes tabGlow-f3f46080 {
0% {
    -webkit-box-shadow: 0 0 0 0 rgba(95, 36, 159, 0);
            box-shadow: 0 0 0 0 rgba(95, 36, 159, 0);
}
30% {
    -webkit-box-shadow: 0 0 15px 5px rgba(95, 36, 159, 0.5),
                0 0 30px 10px rgba(95, 36, 159, 0.25);
            box-shadow: 0 0 15px 5px rgba(95, 36, 159, 0.5),
                0 0 30px 10px rgba(95, 36, 159, 0.25);
}
60% {
    -webkit-box-shadow: 0 0 10px 3px rgba(95, 36, 159, 0.3),
                0 0 20px 6px rgba(95, 36, 159, 0.15);
            box-shadow: 0 0 10px 3px rgba(95, 36, 159, 0.3),
                0 0 20px 6px rgba(95, 36, 159, 0.15);
}
100% {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
}
@keyframes tabGlow-f3f46080 {
0% {
    -webkit-box-shadow: 0 0 0 0 rgba(95, 36, 159, 0);
            box-shadow: 0 0 0 0 rgba(95, 36, 159, 0);
}
30% {
    -webkit-box-shadow: 0 0 15px 5px rgba(95, 36, 159, 0.5),
                0 0 30px 10px rgba(95, 36, 159, 0.25);
            box-shadow: 0 0 15px 5px rgba(95, 36, 159, 0.5),
                0 0 30px 10px rgba(95, 36, 159, 0.25);
}
60% {
    -webkit-box-shadow: 0 0 10px 3px rgba(95, 36, 159, 0.3),
                0 0 20px 6px rgba(95, 36, 159, 0.15);
            box-shadow: 0 0 10px 3px rgba(95, 36, 159, 0.3),
                0 0 20px 6px rgba(95, 36, 159, 0.15);
}
100% {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
}

/* Mobile hidden class - only works on mobile */
.mobile-hidden[data-v-f3f46080] {
  display: block;
}
.ocr-form-column[data-v-f3f46080],
.document-column[data-v-f3f46080] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.file-preview-container[data-v-f3f46080] {
  background: #f9fafb;
  border-radius: 8px;
  padding: 1rem;
  min-height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.file-preview-container object[data-v-f3f46080],
.file-preview-container .pdf-object[data-v-f3f46080] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
}
.image-viewer-wrapper[data-v-f3f46080] {
  position: relative;
  width: 100%;
}
.file-preview-image[data-v-f3f46080] {
  max-width: 100%;
  max-height: 600px;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  margin: 0 auto;
}
.file-preview-image[data-v-f3f46080]:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.zoom-hint[data-v-f3f46080] {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.75);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  pointer-events: none;
  backdrop-filter: blur(8px);
}
.image-viewer-wrapper:hover .zoom-hint[data-v-f3f46080] {
  opacity: 1;
}
.file-viewer-navigation[data-v-f3f46080] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1rem;
  padding: 1rem;
  background: #f9fafb;
  border-radius: 8px;
}
.ocr-dropdown[data-v-f3f46080] {
  top: calc(100% + 4px);
  left: 0;
  z-index: 2000 !important;
  max-height: 300px;
  overflow-y: auto;
  min-width: 200px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
}
.ocr-dropdown .dropdown-item[data-v-f3f46080] {
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.ocr-dropdown .dropdown-item[data-v-f3f46080]:hover {
  background-color: #f3f4f6;
}


/* Responsive Tablet */
@media (max-width: 991px) {
.file-viewer-dialog[data-v-f3f46080] {
    max-width: 100%;
    max-height: 100vh;
    border-radius: 0;
}
.file-preview-image[data-v-f3f46080] {
    max-height: 400px;
}
.file-viewer-body .row[data-v-f3f46080] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}
.file-viewer-body .col-lg-6[data-v-f3f46080] {
    width: 100%;
}
}

/* Responsive Mobile */
@media (max-width: 768px) {
.file-viewer-modal[data-v-f3f46080] {
    padding: 0;
}
.file-viewer-dialog[data-v-f3f46080] {
    max-height: 100dvh;
    height: 100dvh;
    border-radius: 0;
}

  /* Show mobile tab toggle */
.mobile-tab-toggle[data-v-f3f46080] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

  /* Hide elements with mobile-hidden class */
.mobile-hidden[data-v-f3f46080] {
    display: none !important;
}
.file-viewer-header[data-v-f3f46080] {
    padding: 0.5rem 0.75rem;
    position: sticky;
    top: 0;
    z-index: 10;
    background: white;
    min-height: unset;
}
.file-viewer-title[data-v-f3f46080] {
    font-size: 0.95rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 40px);
    margin: 0;
}
.file-viewer-body[data-v-f3f46080] {
    padding: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.file-viewer-body .row[data-v-f3f46080] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.file-viewer-body .col-lg-6[data-v-f3f46080],
  .file-viewer-body .col-12[data-v-f3f46080] {
    width: 100%;
    padding: 0;
}

  /* Con sistema de tabs: cada columna visible ocupa toda la altura */
.file-viewer-body .document-column[data-v-f3f46080]:not(.mobile-hidden) {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.file-viewer-body .document-column:not(.mobile-hidden) .file-preview-container[data-v-f3f46080] {
    min-height: calc(100dvh - 100px);
    max-height: calc(100dvh - 100px);
    height: calc(100dvh - 100px);
    overflow: hidden;
    padding: 0;
    border-radius: 0;
}
.file-viewer-body .document-column:not(.mobile-hidden) .file-preview-container object[data-v-f3f46080] {
    width: 100% !important;
    height: 100% !important;
    min-height: unset;
    border-radius: 0;
}
.file-viewer-body .document-column:not(.mobile-hidden) .file-preview-image[data-v-f3f46080] {
    max-height: calc(100dvh - 130px);
    width: auto;
    -o-object-fit: contain;
       object-fit: contain;
}

  /* OCR Form column - fullscreen cuando está activo */
.file-viewer-body .ocr-form-column[data-v-f3f46080]:not(.mobile-hidden) {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow-y: auto;
    padding: 0.5rem;
}
.file-viewer-body .ocr-form-column:not(.mobile-hidden) .card[data-v-f3f46080] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.file-viewer-body .ocr-form-column:not(.mobile-hidden) .card-body[data-v-f3f46080] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow-y: auto;
}
.file-viewer-body .ocr-form-column:not(.mobile-hidden) .card-footer[data-v-f3f46080] {
    position: sticky;
    bottom: 0;
    background: white;
    border-top: 1px solid #e5e7eb;
    padding: 0.75rem;
}
.file-preview-container[data-v-f3f46080] {
    padding: 0.5rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.file-viewer-navigation[data-v-f3f46080] {
    padding: 0.75rem;
    margin-top: 0.5rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.5rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.file-viewer-navigation .btn[data-v-f3f46080] {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
}

  /* OCR Form responsive */
.file-viewer-body .card[data-v-f3f46080] {
    margin-bottom: 0;
}
.file-viewer-body .card-body[data-v-f3f46080] {
    padding: 0.75rem;
}
.file-viewer-body .card-body h6[data-v-f3f46080] {
    font-size: 0.95rem;
}
.file-viewer-body .mb-3[data-v-f3f46080] {
    margin-bottom: 0.75rem !important;
}
.file-viewer-body .form-label[data-v-f3f46080] {
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
}
.file-viewer-body .form-control[data-v-f3f46080],
  .file-viewer-body .form-select[data-v-f3f46080] {
    font-size: 16px; /* Evita zoom en iOS */
    padding: 0.5rem 0.75rem;
}
.file-viewer-body .card-footer[data-v-f3f46080] {
    padding: 0.75rem;
}
.file-viewer-body .card-footer .btn[data-v-f3f46080] {
    width: 100%;
    padding: 0.75rem;
}
.zoom-hint[data-v-f3f46080] {
    font-size: 0.75rem;
    padding: 0.35rem 0.75rem;
}

  /* Archivos no visualizables */
.file-preview-container .text-center.p-5[data-v-f3f46080] {
    padding: 1.5rem !important;
}
.file-preview-container .text-center i[data-v-f3f46080] {
    font-size: 50px !important;
}
.file-preview-container .text-center h5[data-v-f3f46080] {
    font-size: 1rem;
    margin-top: 1rem !important;
}
.file-preview-container .text-center p[data-v-f3f46080] {
    font-size: 0.875rem;
}
}

/* Extra small devices */
@media (max-width: 480px) {
.file-viewer-header[data-v-f3f46080] {
    padding: 0.35rem 0.5rem;
}
.file-viewer-title[data-v-f3f46080] {
    font-size: 0.85rem;
}
.file-viewer-body[data-v-f3f46080] {
    padding: 0.25rem;
}

  /* Cuando NO hay formulario OCR, el preview ocupa todo */
.file-viewer-body .col-12 .file-preview-container[data-v-f3f46080] {
    min-height: calc(100dvh - 55px);
    max-height: calc(100dvh - 55px);
    height: calc(100dvh - 55px);
    overflow: hidden;
    padding: 0;
    border-radius: 0;
}
.file-viewer-body .col-12 .file-preview-container object[data-v-f3f46080] {
    width: 100% !important;
    height: 100% !important;
    min-height: unset;
}
.file-viewer-body .col-12 .file-preview-image[data-v-f3f46080] {
    max-height: calc(100dvh - 80px);
    width: auto;
    -o-object-fit: contain;
       object-fit: contain;
}

  /* Cuando SÍ hay formulario OCR */
.file-viewer-body .col-lg-6 .file-preview-container[data-v-f3f46080] {
    min-height: 180px;
    max-height: 35vh;
}
.file-viewer-body .col-lg-6 .file-preview-image[data-v-f3f46080] {
    max-height: 30vh;
}
.file-viewer-body .col-lg-6 .file-preview-container object[data-v-f3f46080] {
    height: 35vh !important;
    min-height: 200px;
}
.file-viewer-navigation[data-v-f3f46080] {
    padding: 0.35rem;
}
.file-viewer-navigation .btn[data-v-f3f46080] {
    font-size: 0.75rem;
    padding: 0.35rem 0.5rem;
}
}

/* Dark mode styles */
html.a11y-dark-mode .file-viewer-dialog[data-v-f3f46080],
[data-bs-theme="dark"] .file-viewer-dialog[data-v-f3f46080] {
  background: #1e1e2e;
  color: #e0e0e0;
}
html.a11y-dark-mode .file-viewer-header[data-v-f3f46080],
[data-bs-theme="dark"] .file-viewer-header[data-v-f3f46080] {
  border-bottom-color: rgba(255, 255, 255, 0.1);
  background: #1e1e2e;
}

/* Dark mode - Mobile Tab Toggle */
html.a11y-dark-mode .mobile-tab-toggle[data-v-f3f46080],
[data-bs-theme="dark"] .mobile-tab-toggle[data-v-f3f46080] {
  background: #252535;
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
html.a11y-dark-mode .mobile-tab-toggle .tab-btn[data-v-f3f46080],
[data-bs-theme="dark"] .mobile-tab-toggle .tab-btn[data-v-f3f46080] {
  color: #a0a0a0;
}
html.a11y-dark-mode .mobile-tab-toggle .tab-btn.active[data-v-f3f46080],
[data-bs-theme="dark"] .mobile-tab-toggle .tab-btn.active[data-v-f3f46080] {
  background: #1e1e2e;
  color: #FFCD01;
}
html.a11y-dark-mode .ocr-form-column .card-footer[data-v-f3f46080],
[data-bs-theme="dark"] .ocr-form-column .card-footer[data-v-f3f46080] {
  background: #1e1e2e;
  border-top-color: rgba(255, 255, 255, 0.1);
}
html.a11y-dark-mode .file-viewer-title[data-v-f3f46080],
[data-bs-theme="dark"] .file-viewer-title[data-v-f3f46080] {
  color: #f0f0f0;
}
html.a11y-dark-mode .file-viewer-body .card[data-v-f3f46080],
[data-bs-theme="dark"] .file-viewer-body .card[data-v-f3f46080] {
  background: #252535;
  border-color: rgba(108, 46, 156, 0.3);
}
html.a11y-dark-mode .file-viewer-body .card-body h6[data-v-f3f46080],
[data-bs-theme="dark"] .file-viewer-body .card-body h6[data-v-f3f46080] {
  color: #e0e0e0;
}
html.a11y-dark-mode .file-viewer-body .card-body .text-muted[data-v-f3f46080],
[data-bs-theme="dark"] .file-viewer-body .card-body .text-muted[data-v-f3f46080] {
  color: #a0a0a0 !important;
}
html.a11y-dark-mode .file-viewer-body .form-label[data-v-f3f46080],
[data-bs-theme="dark"] .file-viewer-body .form-label[data-v-f3f46080] {
  color: #d0d0d0;
}
html.a11y-dark-mode .file-viewer-body .form-control[data-v-f3f46080],
html.a11y-dark-mode .file-viewer-body .form-select[data-v-f3f46080],
[data-bs-theme="dark"] .file-viewer-body .form-control[data-v-f3f46080],
[data-bs-theme="dark"] .file-viewer-body .form-select[data-v-f3f46080] {
  background: #1a1a2a;
  border-color: rgba(108, 46, 156, 0.3);
  color: #e0e0e0;
}
html.a11y-dark-mode .file-viewer-body .form-control[data-v-f3f46080]::-webkit-input-placeholder, [data-bs-theme="dark"] .file-viewer-body .form-control[data-v-f3f46080]::-webkit-input-placeholder {
  color: #808080;
}
html.a11y-dark-mode .file-viewer-body .form-control[data-v-f3f46080]::-moz-placeholder, [data-bs-theme="dark"] .file-viewer-body .form-control[data-v-f3f46080]::-moz-placeholder {
  color: #808080;
}
html.a11y-dark-mode .file-viewer-body .form-control[data-v-f3f46080]:-ms-input-placeholder, [data-bs-theme="dark"] .file-viewer-body .form-control[data-v-f3f46080]:-ms-input-placeholder {
  color: #808080;
}
html.a11y-dark-mode .file-viewer-body .form-control[data-v-f3f46080]::-ms-input-placeholder, [data-bs-theme="dark"] .file-viewer-body .form-control[data-v-f3f46080]::-ms-input-placeholder {
  color: #808080;
}
html.a11y-dark-mode .file-viewer-body .form-control[data-v-f3f46080]::placeholder,
[data-bs-theme="dark"] .file-viewer-body .form-control[data-v-f3f46080]::placeholder {
  color: #808080;
}
html.a11y-dark-mode .file-viewer-body .form-control[data-v-f3f46080]:focus,
html.a11y-dark-mode .file-viewer-body .form-select[data-v-f3f46080]:focus,
[data-bs-theme="dark"] .file-viewer-body .form-control[data-v-f3f46080]:focus,
[data-bs-theme="dark"] .file-viewer-body .form-select[data-v-f3f46080]:focus {
  border-color: var(--neonet-purple, #5F239F);
  -webkit-box-shadow: 0 0 0 3px rgba(95, 35, 159, 0.25);
          box-shadow: 0 0 0 3px rgba(95, 35, 159, 0.25);
}
html.a11y-dark-mode .file-viewer-body .card-footer[data-v-f3f46080],
[data-bs-theme="dark"] .file-viewer-body .card-footer[data-v-f3f46080] {
  background: rgba(108, 46, 156, 0.1);
  border-top-color: rgba(255, 255, 255, 0.1);
}
html.a11y-dark-mode .file-preview-container[data-v-f3f46080],
[data-bs-theme="dark"] .file-preview-container[data-v-f3f46080] {
  background: #252535;
}
html.a11y-dark-mode .file-viewer-navigation[data-v-f3f46080],
[data-bs-theme="dark"] .file-viewer-navigation[data-v-f3f46080] {
  background: #252535;
}
html.a11y-dark-mode .file-viewer-navigation .text-muted[data-v-f3f46080],
[data-bs-theme="dark"] .file-viewer-navigation .text-muted[data-v-f3f46080] {
  color: #a0a0a0 !important;
}
html.a11y-dark-mode .ocr-dropdown[data-v-f3f46080],
[data-bs-theme="dark"] .ocr-dropdown[data-v-f3f46080] {
  background: #252535;
  border-color: rgba(108, 46, 156, 0.3);
}
html.a11y-dark-mode .ocr-dropdown .dropdown-item[data-v-f3f46080],
[data-bs-theme="dark"] .ocr-dropdown .dropdown-item[data-v-f3f46080] {
  color: #e0e0e0;
}
html.a11y-dark-mode .ocr-dropdown .dropdown-item[data-v-f3f46080]:hover,
[data-bs-theme="dark"] .ocr-dropdown .dropdown-item[data-v-f3f46080]:hover {
  background: rgba(108, 46, 156, 0.2);
  color: #f0f0f0;
}
html.a11y-dark-mode .file-viewer-header .btn-close[data-v-f3f46080],
html.a11y-dark-mode .file-viewer-modal .btn-close[data-v-f3f46080],
[data-bs-theme="dark"] .file-viewer-header .btn-close[data-v-f3f46080],
[data-bs-theme="dark"] .file-viewer-modal .btn-close[data-v-f3f46080] {
  -webkit-filter: invert(1) brightness(1) !important;
          filter: invert(1) brightness(1) !important;
  opacity: 0.9 !important;
}
html.a11y-dark-mode .file-viewer-header .btn-close[data-v-f3f46080]:hover,
[data-bs-theme="dark"] .file-viewer-header .btn-close[data-v-f3f46080]:hover {
  opacity: 1 !important;
}

/* Dark mode responsive */
@media (max-width: 768px) {
html.a11y-dark-mode .file-viewer-header[data-v-f3f46080],
  [data-bs-theme="dark"] .file-viewer-header[data-v-f3f46080] {
    background: #1e1e2e;
}
}

.viewer-backdrop {
  /* Fondo con patrón checkerboard para visualizar transparencias */
  background-color: #f0f0f0 !important;
  background-image:
    linear-gradient(45deg, #e0e0e0 25%, transparent 25%),
    linear-gradient(-45deg, #e0e0e0 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #e0e0e0 75%),
    linear-gradient(-45deg, transparent 75%, #e0e0e0 75%) !important;
  background-size: 20px 20px !important;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px !important;
}
.viewer-container {
  z-index: 1000002 !important;
}
.viewer-toolbar {
  background: rgba(0, 0, 0, 0.85) !important;
  backdrop-filter: blur(10px);
}
.viewer-button {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 6px !important;
  margin: 0 4px !important;
  -webkit-transition: all 0.2s ease !important;
  transition: all 0.2s ease !important;
}
.viewer-button:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.viewer-navbar {
  background: rgba(0, 0, 0, 0.85) !important;
  backdrop-filter: blur(10px);
}
.viewer-title {
  color: white !important;
  font-size: 14px !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.viewer-canvas img {
  max-width: none !important;
  max-height: none !important;
  /* Sombra para mejorar visibilidad sobre el fondo claro */
  -webkit-filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3));
}

/* =============================================
   VARIABLES Y PALETA NEONET
   ============================================= */
.validation-overlay[data-v-8fdce1a4] {
  --primary: #5F239F;
  --primary-light: #8B5CF6;
  --primary-dark: #4A1A7A;
  --primary-glow: rgba(95, 35, 159, 0.4);
  --accent: #F9CE00;
  --accent-dark: #E5B800;
  --success: #5F239F;
  --warning: #F9CE00;
  --error: #ef4444;
  --glass-bg: rgba(255, 255, 255, 0.85);
  --glass-border: rgba(255, 255, 255, 0.5);
}

/* =============================================
   OVERLAY BASE
   ============================================= */
.validation-overlay[data-v-8fdce1a4] {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(135deg, rgba(95, 35, 159, 0.08) 0%, rgba(249, 206, 0, 0.05) 100%);
  backdrop-filter: blur(4px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2147483647 !important;
  overflow: hidden;
  pointer-events: all;
}

/* Overlay más sólido cuando muestra resultados (ya no está procesando) */
.validation-overlay[data-v-8fdce1a4]:has(.result-card) {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 250, 252, 0.95) 100%);
  backdrop-filter: blur(8px);
}

/* =============================================
   EFECTO SCANNER
   ============================================= */
.scanner-effect[data-v-8fdce1a4] {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  /* top, left, width, height se definen dinámicamente via :style */
  border-radius: 4px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden; /* Limita la línea al área del documento */
}

/* Línea de escaneo principal */
.scanner-line[data-v-8fdce1a4] {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: -webkit-gradient(linear,
    left top, right top,
    from(transparent),
    color-stop(20%, var(--primary)),
    color-stop(50%, var(--accent)),
    color-stop(80%, var(--primary)),
    to(transparent)
  );
  background: linear-gradient(90deg,
    transparent 0%,
    var(--primary) 20%,
    var(--accent) 50%,
    var(--primary) 80%,
    transparent 100%
  );
  -webkit-box-shadow:
    0 0 10px var(--primary-glow),
    0 0 20px rgba(249, 206, 0, 0.2);
          box-shadow:
    0 0 10px var(--primary-glow),
    0 0 20px rgba(249, 206, 0, 0.2);
  -webkit-animation: scan-vertical-8fdce1a4 3s ease-in-out infinite;
          animation: scan-vertical-8fdce1a4 3s ease-in-out infinite;
  opacity: 0.6;
}
.scanner-line[data-v-8fdce1a4]::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
  height: 40px;
  background: -webkit-gradient(linear,
    left top, left bottom,
    from(transparent),
    color-stop(50%, rgba(95, 35, 159, 0.08)),
    to(transparent)
  );
  background: linear-gradient(to bottom,
    transparent,
    rgba(95, 35, 159, 0.08) 50%,
    transparent
  );
}
@-webkit-keyframes scan-vertical-8fdce1a4 {
0%, 100% {
    top: 0%;
    opacity: 0.5;
}
50% {
    top: 100%;
    opacity: 0.8;
}
}
@keyframes scan-vertical-8fdce1a4 {
0%, 100% {
    top: 0%;
    opacity: 0.5;
}
50% {
    top: 100%;
    opacity: 0.8;
}
}

/* Grid de escaneo */
.scanner-grid[data-v-8fdce1a4] {
  position: absolute;
  inset: 2%;
  opacity: 0.08;
}
.grid-line[data-v-8fdce1a4] {
  position: absolute;
  background: var(--primary);
}
.grid-line.horizontal[data-v-8fdce1a4] {
  left: 0;
  right: 0;
  height: 1px;
  -webkit-animation: grid-flash-8fdce1a4 3s ease-in-out infinite;
          animation: grid-flash-8fdce1a4 3s ease-in-out infinite;
}
.grid-line.vertical[data-v-8fdce1a4] {
  top: 0;
  bottom: 0;
  width: 1px;
  -webkit-animation: grid-flash-8fdce1a4 3s ease-in-out infinite;
          animation: grid-flash-8fdce1a4 3s ease-in-out infinite;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
@-webkit-keyframes grid-flash-8fdce1a4 {
0%, 100% { opacity: 0.05;
}
50% { opacity: 0.15;
}
}
@keyframes grid-flash-8fdce1a4 {
0%, 100% { opacity: 0.05;
}
50% { opacity: 0.15;
}
}

/* Esquinas del scanner (sutiles, sin animación) */
.scanner-corners[data-v-8fdce1a4] {
  position: absolute;
  inset: 0;
  opacity: 0.3;
}
.corner[data-v-8fdce1a4] {
  position: absolute;
  width: 20px;
  height: 20px;
  border-color: var(--primary);
  border-style: solid;
  border-width: 0;
}
.corner.top-left[data-v-8fdce1a4] {
  top: 0;
  left: 0;
  border-top-width: 2px;
  border-left-width: 2px;
}
.corner.top-right[data-v-8fdce1a4] {
  top: 0;
  right: 0;
  border-top-width: 2px;
  border-right-width: 2px;
}
.corner.bottom-left[data-v-8fdce1a4] {
  bottom: 0;
  left: 0;
  border-bottom-width: 2px;
  border-left-width: 2px;
}
.corner.bottom-right[data-v-8fdce1a4] {
  bottom: 0;
  right: 0;
  border-bottom-width: 2px;
  border-right-width: 2px;
}

/* =============================================
   VALIDACIÓN CRUZADA - Líneas de conexión (sutiles)
   ============================================= */
.cross-validation-lines[data-v-8fdce1a4] {
  position: absolute;
  inset: 15%;
  pointer-events: none;
  opacity: 0.25;
}
.connection-svg[data-v-8fdce1a4] {
  width: 100%;
  height: 100%;
}
.connection-line[data-v-8fdce1a4] {
  stroke: var(--accent);
  stroke-width: 0.2;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  -webkit-animation: draw-line-8fdce1a4 2s ease-in-out infinite;
          animation: draw-line-8fdce1a4 2s ease-in-out infinite;
}
.connection-line[data-v-8fdce1a4]:nth-child(2) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  stroke: var(--primary);
}
.connection-line[data-v-8fdce1a4]:nth-child(3) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
@-webkit-keyframes draw-line-8fdce1a4 {
0% {
    stroke-dashoffset: 100;
    opacity: 0;
}
50% {
    stroke-dashoffset: 0;
    opacity: 0.6;
}
100% {
    stroke-dashoffset: -100;
    opacity: 0;
}
}
@keyframes draw-line-8fdce1a4 {
0% {
    stroke-dashoffset: 100;
    opacity: 0;
}
50% {
    stroke-dashoffset: 0;
    opacity: 0.6;
}
100% {
    stroke-dashoffset: -100;
    opacity: 0;
}
}

/* Modo validación cruzada - cambia la línea de escaneo */
.scanner-effect.cross-validation .scanner-line[data-v-8fdce1a4] {
  -webkit-animation: none;
          animation: none;
  top: 50%;
  height: 2px;
  background: -webkit-gradient(linear,
    left top, right top,
    from(transparent),
    color-stop(30%, var(--accent)),
    color-stop(50%, var(--primary)),
    color-stop(70%, var(--accent)),
    to(transparent)
  );
  background: linear-gradient(90deg,
    transparent 0%,
    var(--accent) 30%,
    var(--primary) 50%,
    var(--accent) 70%,
    transparent 100%
  );
  -webkit-animation: scan-horizontal-8fdce1a4 2s ease-in-out infinite;
          animation: scan-horizontal-8fdce1a4 2s ease-in-out infinite;
}
@-webkit-keyframes scan-horizontal-8fdce1a4 {
0%, 100% {
    -webkit-transform: scaleX(0.3);
            transform: scaleX(0.3);
    opacity: 0.5;
}
50% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
}
}
@keyframes scan-horizontal-8fdce1a4 {
0%, 100% {
    -webkit-transform: scaleX(0.3);
            transform: scaleX(0.3);
    opacity: 0.5;
}
50% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
}
}

/* Data points en modo validación cruzada */
.scanner-effect.cross-validation .data-point[data-v-8fdce1a4] {
  background: var(--primary);
  -webkit-box-shadow: 0 0 10px var(--primary-glow);
          box-shadow: 0 0 10px var(--primary-glow);
}
.scanner-effect.cross-validation .data-point[data-v-8fdce1a4]::before {
  border-color: var(--primary);
}

/* Puntos de datos detectados (discretos) */
.data-points[data-v-8fdce1a4] {
  position: absolute;
  inset: 0;
}
.data-point[data-v-8fdce1a4] {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: 6px;
  height: 6px;
  background: var(--accent);
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: data-detect-8fdce1a4 3s ease-in-out infinite;
          animation: data-detect-8fdce1a4 3s ease-in-out infinite;
  -webkit-animation-delay: var(--delay);
          animation-delay: var(--delay);
}

/* Sin anillo expandible - más discreto */
.data-point[data-v-8fdce1a4]::before {
  display: none;
}
@-webkit-keyframes data-detect-8fdce1a4 {
0%, 100% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
}
30%, 70% {
    opacity: 0.6;
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes data-detect-8fdce1a4 {
0%, 100% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
}
30%, 70% {
    opacity: 0.6;
    -webkit-transform: scale(1);
            transform: scale(1);
}
}

/* =============================================
   PARTÍCULAS DE FONDO (Sutiles)
   ============================================= */
.particles-bg[data-v-8fdce1a4] {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.particle[data-v-8fdce1a4] {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  background: var(--primary);
  border-radius: 50%;
  opacity: 0.08;
  -webkit-animation: float-8fdce1a4 var(--duration) ease-in-out infinite;
          animation: float-8fdce1a4 var(--duration) ease-in-out infinite;
  -webkit-animation-delay: var(--delay);
          animation-delay: var(--delay);
}
@-webkit-keyframes float-8fdce1a4 {
0%, 100% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
    opacity: 0.08;
}
50% {
    -webkit-transform: translate(10px, -15px) scale(1.1);
            transform: translate(10px, -15px) scale(1.1);
    opacity: 0.12;
}
}
@keyframes float-8fdce1a4 {
0%, 100% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
    opacity: 0.08;
}
50% {
    -webkit-transform: translate(10px, -15px) scale(1.1);
            transform: translate(10px, -15px) scale(1.1);
    opacity: 0.12;
}
}

/* =============================================
   GLASS CARD
   ============================================= */
.glass-card[data-v-8fdce1a4] {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: 20px;
  -webkit-box-shadow:
    0 8px 32px rgba(95, 35, 159, 0.1),
    0 0 0 1px rgba(255, 255, 255, 0.5) inset;
          box-shadow:
    0 8px 32px rgba(95, 35, 159, 0.1),
    0 0 0 1px rgba(255, 255, 255, 0.5) inset;
  padding: 1.5rem 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.875rem;
  max-width: 360px;
  width: 92%;
  position: relative;
  overflow: visible;
}
.glass-card[data-v-8fdce1a4]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.8)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
}

/* =============================================
   SPINNER FUTURISTA
   ============================================= */
.futuristic-spinner[data-v-8fdce1a4] {
  position: relative;
  width: 120px;
  height: 120px;
}
.spinner-orbit[data-v-8fdce1a4] {
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  border-top-color: var(--primary);
  border-radius: 50%;
  -webkit-animation: orbit-8fdce1a4 2s linear infinite;
          animation: orbit-8fdce1a4 2s linear infinite;
}
.orbit-2[data-v-8fdce1a4] {
  inset: 10px;
  border-top-color: var(--accent);
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  animation-direction: reverse;
}
.orbit-dot[data-v-8fdce1a4] {
  position: absolute;
  top: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 8px;
  height: 8px;
  background: var(--primary);
  border-radius: 50%;
  -webkit-box-shadow: 0 0 10px var(--primary-glow);
          box-shadow: 0 0 10px var(--primary-glow);
}
.orbit-2 .orbit-dot[data-v-8fdce1a4] {
  background: var(--accent);
  -webkit-box-shadow: 0 0 10px rgba(249, 206, 0, 0.5);
          box-shadow: 0 0 10px rgba(249, 206, 0, 0.5);
}
@-webkit-keyframes orbit-8fdce1a4 {
from { -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
@keyframes orbit-8fdce1a4 {
from { -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
.spinner-core[data-v-8fdce1a4] {
  position: absolute;
  inset: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.progress-ring[data-v-8fdce1a4] {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.progress-track[data-v-8fdce1a4] {
  fill: none;
  stroke: rgba(95, 35, 159, 0.1);
  stroke-width: 6;
}
.progress-fill[data-v-8fdce1a4] {
  fill: none;
  stroke: url(#gradient) var(--primary);
  stroke-width: 6;
  stroke-linecap: round;
  stroke-dasharray: 264;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: stroke-dashoffset 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.progress-value[data-v-8fdce1a4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 2px;
}
.progress-number[data-v-8fdce1a4] {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--primary);
  font-variant-numeric: tabular-nums;
}
.progress-percent[data-v-8fdce1a4] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--primary-light);
}

/* =============================================
   PROCESSING INFO
   ============================================= */
.processing-info[data-v-8fdce1a4] {
  text-align: center;
}
.processing-title[data-v-8fdce1a4] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: #1f2937;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
}
.title-icon[data-v-8fdce1a4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
  border-radius: 8px;
  color: white;
  font-size: 0.875rem;
  -webkit-animation: pulse-icon-8fdce1a4 2s ease-in-out infinite;
          animation: pulse-icon-8fdce1a4 2s ease-in-out infinite;
}
@-webkit-keyframes pulse-icon-8fdce1a4 {
0%, 100% { -webkit-transform: scale(1); transform: scale(1);
}
50% { -webkit-transform: scale(1.1); transform: scale(1.1);
}
}
@keyframes pulse-icon-8fdce1a4 {
0%, 100% { -webkit-transform: scale(1); transform: scale(1);
}
50% { -webkit-transform: scale(1.1); transform: scale(1.1);
}
}
.processing-message[data-v-8fdce1a4] {
  margin: 0.5rem 0 0;
  font-size: 0.875rem;
  color: #6b7280;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
}
.message-dot[data-v-8fdce1a4] {
  width: 6px;
  height: 6px;
  background: var(--primary);
  border-radius: 50%;
  -webkit-animation: blink-8fdce1a4 1s ease-in-out infinite;
          animation: blink-8fdce1a4 1s ease-in-out infinite;
}
@-webkit-keyframes blink-8fdce1a4 {
0%, 100% { opacity: 1;
}
50% { opacity: 0.3;
}
}
@keyframes blink-8fdce1a4 {
0%, 100% { opacity: 1;
}
50% { opacity: 0.3;
}
}

/* =============================================
   TIMELINE DE PASOS
   ============================================= */
.steps-timeline[data-v-8fdce1a4] {
  width: 100%;
  padding: 0 0.5rem;
}
.timeline-track[data-v-8fdce1a4] {
  height: 3px;
  background: rgba(95, 35, 159, 0.1);
  border-radius: 2px;
  margin-bottom: 1rem;
  overflow: hidden;
}
.timeline-progress[data-v-8fdce1a4] {
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(var(--primary)), to(var(--primary-light)));
  background: linear-gradient(90deg, var(--primary), var(--primary-light));
  border-radius: 2px;
  -webkit-transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.timeline-progress[data-v-8fdce1a4]::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: var(--primary-light);
  border-radius: 50%;
  -webkit-box-shadow: 0 0 12px var(--primary-glow);
          box-shadow: 0 0 12px var(--primary-glow);
}
.timeline-steps[data-v-8fdce1a4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.timeline-step[data-v-8fdce1a4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
}
.step-node[data-v-8fdce1a4] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.7rem;
  font-weight: 600;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.timeline-step.pending .step-node[data-v-8fdce1a4] {
  background: #f3f4f6;
  color: #9ca3af;
}
.timeline-step.active .step-node[data-v-8fdce1a4] {
  background: var(--primary);
  color: white;
  -webkit-box-shadow: 0 0 0 4px rgba(95, 35, 159, 0.2);
          box-shadow: 0 0 0 4px rgba(95, 35, 159, 0.2);
}
.timeline-step.done .step-node[data-v-8fdce1a4] {
  background: var(--primary);
  color: white;
}
.pulse-dot[data-v-8fdce1a4] {
  width: 8px;
  height: 8px;
  background: white;
  border-radius: 50%;
  -webkit-animation: pulse-scale-8fdce1a4 1s ease-in-out infinite;
          animation: pulse-scale-8fdce1a4 1s ease-in-out infinite;
}
@-webkit-keyframes pulse-scale-8fdce1a4 {
0%, 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1;
}
50% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0.7;
}
}
@keyframes pulse-scale-8fdce1a4 {
0%, 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1;
}
50% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0.7;
}
}
.step-name[data-v-8fdce1a4] {
  font-size: 0.65rem;
  color: #9ca3af;
  font-weight: 500;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.timeline-step.active .step-name[data-v-8fdce1a4] {
  color: var(--primary);
  font-weight: 600;
}
.timeline-step.done .step-name[data-v-8fdce1a4] {
  color: var(--primary-dark);
}

/* =============================================
   BOTÓN CANCELAR ELEGANTE
   ============================================= */
.btn-cancel-elegant[data-v-8fdce1a4] {
  position: relative;
  padding: 0.625rem 1.5rem;
  background: transparent;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  color: #6b7280;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-cancel-elegant .btn-bg[data-v-8fdce1a4] {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(239, 68, 68, 0.05));
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.btn-cancel-elegant:hover .btn-bg[data-v-8fdce1a4] {
  opacity: 1;
}
.btn-cancel-elegant[data-v-8fdce1a4]:hover {
  border-color: #fca5a5;
  color: #ef4444;
}
.btn-cancel-elegant .btn-text[data-v-8fdce1a4] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
}

/* =============================================
   RESULT CARD
   ============================================= */
.result-card[data-v-8fdce1a4] {
  -webkit-animation: result-appear-8fdce1a4 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
          animation: result-appear-8fdce1a4 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@-webkit-keyframes result-appear-8fdce1a4 {
from {
    opacity: 0;
    -webkit-transform: scale(0.9) translateY(20px);
            transform: scale(0.9) translateY(20px);
}
to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
}
}
@keyframes result-appear-8fdce1a4 {
from {
    opacity: 0;
    -webkit-transform: scale(0.9) translateY(20px);
            transform: scale(0.9) translateY(20px);
}
to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
}
}

/* =============================================
   ICONO DE RESULTADO
   ============================================= */
.result-icon-container[data-v-8fdce1a4] {
  position: relative;
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.icon-glow[data-v-8fdce1a4] {
  position: absolute;
  inset: -10px;
  border-radius: 50%;
  opacity: 0.3;
  -webkit-filter: blur(15px);
          filter: blur(15px);
  -webkit-animation: glow-pulse-8fdce1a4 2s ease-in-out infinite;
          animation: glow-pulse-8fdce1a4 2s ease-in-out infinite;
}
.result-icon-container.success .icon-glow[data-v-8fdce1a4] {
  background: var(--success);
}
.result-icon-container.warning .icon-glow[data-v-8fdce1a4] {
  background: var(--warning);
}
.result-icon-container.error .icon-glow[data-v-8fdce1a4] {
  background: var(--error);
}
@-webkit-keyframes glow-pulse-8fdce1a4 {
0%, 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.3;
}
50% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0.5;
}
}
@keyframes glow-pulse-8fdce1a4 {
0%, 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.3;
}
50% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0.5;
}
}
.icon-ring[data-v-8fdce1a4] {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid;
  -webkit-animation: ring-expand-8fdce1a4 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
          animation: ring-expand-8fdce1a4 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.result-icon-container.success .icon-ring[data-v-8fdce1a4] {
  border-color: var(--success);
}
.result-icon-container.warning .icon-ring[data-v-8fdce1a4] {
  border-color: var(--warning);
}
.result-icon-container.error .icon-ring[data-v-8fdce1a4] {
  border-color: var(--error);
}
@-webkit-keyframes ring-expand-8fdce1a4 {
from {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
}
to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
}
@keyframes ring-expand-8fdce1a4 {
from {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
}
to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
}
.icon-core[data-v-8fdce1a4] {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-animation: icon-pop-8fdce1a4 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s both;
          animation: icon-pop-8fdce1a4 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s both;
}
.result-icon-container.success .icon-core[data-v-8fdce1a4] {
  background: linear-gradient(135deg, var(--success), var(--primary-light));
}
.result-icon-container.warning .icon-core[data-v-8fdce1a4] {
  background: linear-gradient(135deg, var(--warning), var(--accent-dark));
}
.result-icon-container.error .icon-core[data-v-8fdce1a4] {
  background: linear-gradient(135deg, var(--error), #f87171);
}
@-webkit-keyframes icon-pop-8fdce1a4 {
from {
    -webkit-transform: scale(0);
            transform: scale(0);
}
to {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes icon-pop-8fdce1a4 {
from {
    -webkit-transform: scale(0);
            transform: scale(0);
}
to {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
.icon-core i[data-v-8fdce1a4] {
  font-size: 1.35rem;
  color: white;
  -webkit-animation: icon-bounce-8fdce1a4 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s both;
          animation: icon-bounce-8fdce1a4 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s both;
}
@-webkit-keyframes icon-bounce-8fdce1a4 {
from {
    -webkit-transform: scale(0) rotate(-45deg);
            transform: scale(0) rotate(-45deg);
}
to {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
}
}
@keyframes icon-bounce-8fdce1a4 {
from {
    -webkit-transform: scale(0) rotate(-45deg);
            transform: scale(0) rotate(-45deg);
}
to {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
}
}

/* Confetti para success */
.confetti[data-v-8fdce1a4] {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.confetti-piece[data-v-8fdce1a4] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  background: var(--primary);
  border-radius: 2px;
  -webkit-animation: confetti-burst-8fdce1a4 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
          animation: confetti-burst-8fdce1a4 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  -webkit-animation-delay: var(--delay);
          animation-delay: var(--delay);
}
.confetti-piece[data-v-8fdce1a4]:nth-child(even) {
  background: var(--accent);
  border-radius: 50%;
}
@-webkit-keyframes confetti-burst-8fdce1a4 {
0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1;
}
100% {
    -webkit-transform:
      translate(-50%, -50%)
      rotate(var(--angle))
      translateY(-60px);
            transform:
      translate(-50%, -50%)
      rotate(var(--angle))
      translateY(-60px);
    opacity: 0;
}
}
@keyframes confetti-burst-8fdce1a4 {
0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1;
}
100% {
    -webkit-transform:
      translate(-50%, -50%)
      rotate(var(--angle))
      translateY(-60px);
            transform:
      translate(-50%, -50%)
      rotate(var(--angle))
      translateY(-60px);
    opacity: 0;
}
}

/* =============================================
   TÍTULOS Y MENSAJES
   ============================================= */
.result-title[data-v-8fdce1a4] {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 700;
  color: #1f2937;
  -webkit-animation: fade-up-8fdce1a4 0.5s ease 0.3s both;
          animation: fade-up-8fdce1a4 0.5s ease 0.3s both;
}
.result-message[data-v-8fdce1a4] {
  margin: 0;
  font-size: 0.8rem;
  color: #6b7280;
  line-height: 1.4;
  text-align: center;
  -webkit-animation: fade-up-8fdce1a4 0.5s ease 0.4s both;
          animation: fade-up-8fdce1a4 0.5s ease 0.4s both;
  max-width: 280px;
}
@-webkit-keyframes fade-up-8fdce1a4 {
from {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes fade-up-8fdce1a4 {
from {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}

/* =============================================
   STATS PILLS (Compactos)
   ============================================= */
.result-stats[data-v-8fdce1a4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-animation: fade-up-8fdce1a4 0.5s ease 0.5s both;
          animation: fade-up-8fdce1a4 0.5s ease 0.5s both;
}
.stat-pill[data-v-8fdce1a4] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.75rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}
.stat-pill.success[data-v-8fdce1a4] {
  background: rgba(95, 35, 159, 0.1);
  color: var(--success);
}
.stat-pill.warning[data-v-8fdce1a4] {
  background: rgba(249, 206, 0, 0.15);
  color: var(--accent-dark);
}
.stat-pill.error[data-v-8fdce1a4] {
  background: rgba(239, 68, 68, 0.1);
  color: var(--error);
}
.stat-pill i[data-v-8fdce1a4] {
  font-size: 0.875rem;
}
.stat-pill .stat-value[data-v-8fdce1a4] {
  font-weight: 700;
}
.stat-pill .stat-label[data-v-8fdce1a4] {
  font-weight: 500;
  opacity: 0.85;
}

/* =============================================
   BOTONES DE ACCIÓN
   ============================================= */
.result-actions[data-v-8fdce1a4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-animation: fade-up-8fdce1a4 0.5s ease 0.6s both;
          animation: fade-up-8fdce1a4 0.5s ease 0.6s both;
}
.btn-action[data-v-8fdce1a4] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.35rem;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-size: 0.8rem;
  font-weight: 600;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  white-space: nowrap;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.btn-action.primary[data-v-8fdce1a4] {
  background: linear-gradient(135deg, var(--primary), var(--primary-light));
  color: white;
  -webkit-box-shadow: 0 4px 15px rgba(95, 35, 159, 0.3);
          box-shadow: 0 4px 15px rgba(95, 35, 159, 0.3);
  overflow: hidden;
}
.btn-action.primary[data-v-8fdce1a4]:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 6px 20px rgba(95, 35, 159, 0.4);
          box-shadow: 0 6px 20px rgba(95, 35, 159, 0.4);
}
.btn-shine[data-v-8fdce1a4] {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.3)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  -webkit-animation: shine-8fdce1a4 2s infinite;
          animation: shine-8fdce1a4 2s infinite;
}
@-webkit-keyframes shine-8fdce1a4 {
to {
    left: 100%;
}
}
@keyframes shine-8fdce1a4 {
to {
    left: 100%;
}
}
.btn-action.secondary[data-v-8fdce1a4] {
  background: var(--primary);
  color: white;
  border: 1px solid var(--primary);
}
.btn-action.secondary[data-v-8fdce1a4]:hover {
  background: var(--primary-dark);
  border-color: var(--primary-dark);
}
.btn-action.ghost[data-v-8fdce1a4] {
  padding: 0.5rem;
  background: transparent;
  color: #9ca3af;
  border: 1px solid #e5e7eb;
}
.btn-action.ghost[data-v-8fdce1a4]:hover {
  background: #f9fafb;
  color: #6b7280;
}

/* =============================================
   TRANSICIONES
   ============================================= */
.overlay-fade-enter-active[data-v-8fdce1a4] {
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.overlay-fade-leave-active[data-v-8fdce1a4] {
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.overlay-fade-enter-from[data-v-8fdce1a4],
.overlay-fade-leave-to[data-v-8fdce1a4] {
  opacity: 0;
  backdrop-filter: blur(0);
}
.card-morph-enter-active[data-v-8fdce1a4],
.card-morph-leave-active[data-v-8fdce1a4] {
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.card-morph-enter-from[data-v-8fdce1a4] {
  opacity: 0;
  -webkit-transform: scale(0.95) translateY(20px);
          transform: scale(0.95) translateY(20px);
}
.card-morph-leave-to[data-v-8fdce1a4] {
  opacity: 0;
  -webkit-transform: scale(0.95) translateY(-20px);
          transform: scale(0.95) translateY(-20px);
}
.message-glide-enter-active[data-v-8fdce1a4],
.message-glide-leave-active[data-v-8fdce1a4] {
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.message-glide-enter-from[data-v-8fdce1a4] {
  opacity: 0;
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
.message-glide-leave-to[data-v-8fdce1a4] {
  opacity: 0;
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
}
.check-pop-enter-active[data-v-8fdce1a4] {
  -webkit-transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.check-pop-leave-active[data-v-8fdce1a4] {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.check-pop-enter-from[data-v-8fdce1a4] {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.check-pop-leave-to[data-v-8fdce1a4] {
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}

.ocr-field-wrapper[data-v-5c053e09] {
  margin-bottom: 0.75rem;
}
.ocr-field-wrapper.field-wide[data-v-5c053e09] {
  grid-column: 1 / -1;
}
.form-label[data-v-5c053e09] {
  font-size: 0.8rem;
  font-weight: 500;
  color: #1e293b;
  margin-bottom: 0.25rem;
}
.ocr-field-container[data-v-5c053e09] {
  position: relative;
}
.input-row[data-v-5c053e09] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  position: relative;
}
.input-row .form-control[data-v-5c053e09],
.input-row .form-select[data-v-5c053e09] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.5;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.input-row input.form-control[data-v-5c053e09] {
  min-height: 42px;
  font-size: 0.925rem;
}
.input-row textarea.form-control[data-v-5c053e09] {
  min-height: 68px;
  max-height: 180px;
  resize: vertical;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-break: break-word;
  font-size: 0.925rem;
}

/* Input validado (borde verde pálido) */
.form-control.is-validated[data-v-5c053e09],
.form-select.is-validated[data-v-5c053e09] {
  border-color: #86efac;
  border-width: 2px;
}
.form-control.is-validated[data-v-5c053e09]:focus,
.form-select.is-validated[data-v-5c053e09]:focus {
  border-color: #4ade80;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(134, 239, 172, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(134, 239, 172, 0.25);
}

/* Input con warning (amarillo) */
.form-control.is-warning[data-v-5c053e09],
.form-select.is-warning[data-v-5c053e09] {
  border-color: #F9CE00;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f59e0b'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f59e0b' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  padding-right: calc(1.5em + 0.75rem);
}

/* Botón de alternativas */
.btn-alternatives[data-v-5c053e09] {
  padding: 0.375rem 0.5rem;
  border-radius: 0.375rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* Dropdown de alternativas */
.alternatives-dropdown[data-v-5c053e09] {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  min-width: 200px;
  max-width: 100%;
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  margin-top: 0.25rem;
}
.alternatives-dropdown .dropdown-item[data-v-5c053e09] {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 0.8rem;
  color: #1e293b;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
}
.alternatives-dropdown .dropdown-item[data-v-5c053e09]:hover {
  background: #f1f5f9;
}

/* Estado guardado */
.saved-feedback[data-v-5c053e09] {
  font-size: 0.7rem;
  color: #16a34a;
  margin-top: 0.25rem;
}

/* Mensaje de campo */
.field-message[data-v-5c053e09] {
  font-size: 0.7rem;
  color: #F9CE00;
  background: rgba(245, 158, 11, 0.1);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  margin-top: 0.25rem;
}

/* ============================
   FEEDBACK DE VALIDACION
   Paleta Neonet: Morado #5F239F, Amarillo #F9CE00
   ============================ */
.ai-feedback[data-v-5c053e09] {
  margin-top: 0.5rem;
  padding: 0.5rem 0.625rem;
  border-radius: 0.375rem;
  border-left: 3px solid #94a3b8;
  background: #f8fafc;
  font-size: 0.75rem;
}
.ai-feedback-success[data-v-5c053e09] {
  border-left-color: #5F239F;
  background: rgba(95, 35, 159, 0.08);
}
.ai-feedback-warning[data-v-5c053e09] {
  border-left-color: #F9CE00;
  background: rgba(245, 158, 11, 0.08);
}
.ai-feedback-error[data-v-5c053e09] {
  border-left-color: #E5B800;
  background: rgba(217, 119, 6, 0.08);
}
.ai-feedback-pending[data-v-5c053e09] {
  border-left-color: #94a3b8;
  background: rgba(148, 163, 184, 0.08);
}
.ai-feedback-header[data-v-5c053e09] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  margin-bottom: 0.25rem;
}
.ai-feedback-header i[data-v-5c053e09] {
  font-size: 0.875rem;
}
.ai-match-badge[data-v-5c053e09] {
  font-size: 0.65rem;
  font-weight: 700;
  padding: 1px 5px;
  border-radius: 8px;
  color: white;
}
.ai-feedback-success .ai-match-badge[data-v-5c053e09] {
  background: #5F239F;
}
.ai-feedback-warning .ai-match-badge[data-v-5c053e09] {
  background: #F9CE00;
}
.ai-feedback-error .ai-match-badge[data-v-5c053e09] {
  background: #E5B800;
}
.ai-status-label[data-v-5c053e09] {
  font-weight: 600;
  color: #1e293b;
  font-size: 0.7rem;
}
.ai-feedback-body[data-v-5c053e09] {
  padding-left: 1.25rem;
}
.ai-ocr-value[data-v-5c053e09] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  padding: 0.2rem 0.375rem;
  background: rgba(95, 35, 159, 0.08);
  border-radius: 0.25rem;
  margin-bottom: 0.25rem;
}
.ai-ocr-value .ocr-label[data-v-5c053e09] {
  font-size: 0.6rem;
  font-weight: 600;
  color: #5F239F;
}
.ai-ocr-value .ocr-value[data-v-5c053e09] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #1e293b;
  font-family: monospace;
}
.ai-message[data-v-5c053e09] {
  font-size: 0.65rem;
  color: #64748b;
  line-height: 1.3;
}
.btn-apply-suggestion[data-v-5c053e09] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  margin-top: 0.375rem;
  padding: 0.2rem 0.5rem;
  font-size: 0.6rem;
  font-weight: 600;
  color: white;
  background: #5F239F;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn-apply-suggestion[data-v-5c053e09]:hover {
  background: #4A1A7A;
  -webkit-box-shadow: 0 2px 6px rgba(95, 35, 159, 0.4);
          box-shadow: 0 2px 6px rgba(95, 35, 159, 0.4);
}
.suggestion-text[data-v-5c053e09] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.suggestion-source[data-v-5c053e09] {
  font-weight: 700;
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.55rem;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.15);
  padding: 1px 4px;
  border-radius: 3px;
}
.btn-apply-suggestion i[data-v-5c053e09] {
  font-size: 0.7rem;
}

/* ============================
   URL / QR STYLES
   ============================ */
.btn-open-url[data-v-5c053e09] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  margin-left: 0.25rem;
  font-size: 0.7rem;
  color: #5F239F;
  background: rgba(95, 35, 159, 0.1);
  border: none;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn-open-url[data-v-5c053e09]:hover {
  color: white;
  background: #5F239F;
}
.btn-verify-url[data-v-5c053e09] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  margin-top: 0.5rem;
  padding: 0.375rem 0.625rem;
  font-size: 0.7rem;
  font-weight: 600;
  color: #5F239F;
  background: rgba(95, 35, 159, 0.1);
  border: 1px solid rgba(95, 35, 159, 0.3);
  border-radius: 6px;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn-verify-url[data-v-5c053e09]:hover {
  color: white;
  background: #5F239F;
  border-color: #5F239F;
}
.btn-verify-url i[data-v-5c053e09] {
  font-size: 0.8rem;
}

/* URL Validation Status */
.url-validation-status[data-v-5c053e09] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  margin-top: 0.375rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.65rem;
  border-radius: 4px;
}
.url-status-checking[data-v-5c053e09] {
  color: #5F239F;
  background: rgba(95, 35, 159, 0.1);
}
.url-status-success[data-v-5c053e09] {
  color: #16a34a;
  background: rgba(22, 163, 74, 0.1);
}
.url-status-warning[data-v-5c053e09] {
  color: #d97706;
  background: rgba(217, 119, 6, 0.1);
}
.url-status-error[data-v-5c053e09] {
  color: #dc2626;
  background: rgba(220, 38, 38, 0.1);
}
.url-validation-status i[data-v-5c053e09] {
  font-size: 0.75rem;
}

/* Animación de loading */
@-webkit-keyframes spin-5c053e09 {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
@keyframes spin-5c053e09 {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
.ti-spin[data-v-5c053e09] {
  -webkit-animation: spin-5c053e09 1s linear infinite;
          animation: spin-5c053e09 1s linear infinite;
}

/* ============================
   UUID / SAT VERIFICATION STYLES
   ============================ */
.uuid-verification[data-v-5c053e09] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(95, 35, 159, 0.05);
  border-radius: 6px;
  border: 1px solid rgba(95, 35, 159, 0.15);
}
.uuid-valid[data-v-5c053e09] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  color: #16a34a;
  font-size: 0.7rem;
  font-weight: 600;
  margin-bottom: 0.375rem;
}
.uuid-valid i[data-v-5c053e09] {
  font-size: 0.8rem;
}
.btn-verify-sat[data-v-5c053e09] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: white;
  background: linear-gradient(135deg, #1a56db 0%, #1e40af 100%);
  border: none;
  border-radius: 6px;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-shadow: 0 2px 4px rgba(26, 86, 219, 0.3);
          box-shadow: 0 2px 4px rgba(26, 86, 219, 0.3);
}
.btn-verify-sat[data-v-5c053e09]:hover {
  background: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);
  -webkit-box-shadow: 0 4px 8px rgba(26, 86, 219, 0.4);
          box-shadow: 0 4px 8px rgba(26, 86, 219, 0.4);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.btn-verify-sat i[data-v-5c053e09] {
  font-size: 0.9rem;
}
.uuid-hint[data-v-5c053e09] {
  margin-top: 0.375rem;
}
.uuid-hint small[data-v-5c053e09] {
  color: #64748b;
  font-size: 0.6rem;
  font-style: italic;
}

.inline-file-viewer-container[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100vh - 10px);
  min-height: 600px;
  background: #f8f9fa;
  width: 100%;
}

/* Fix height when used inside modal or card */
[data-v-c1b6cc7b] .modal .inline-file-viewer-container,[data-v-c1b6cc7b] .card-body .inline-file-viewer-container {
  height: 100%;
  max-height: 85vh;
  min-height: 70vh;
}
.viewer-header[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.375rem 0.75rem;
  background: white;
  border-bottom: 1px solid #e9ecef;
  min-height: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.viewer-title[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.viewer-title h5[data-v-c1b6cc7b],
.viewer-title .requisito-title[data-v-c1b6cc7b] {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: #5F239F;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.file-counter[data-v-c1b6cc7b] {
  font-size: 0.7rem;
  color: #6c757d;
  padding: 0.125rem 0.375rem;
  background: #f8f9fa;
  border-radius: 0.25rem;
  font-weight: 500;
  line-height: 1;
}
.file-extension-badge-header[data-v-c1b6cc7b] {
  font-size: 0.6rem;
  background: #e9ecef;
  color: #6c757d;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  font-weight: 600;
  border: 1px solid #dee2e6;
}
.viewer-header-actions[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn-close-viewer[data-v-c1b6cc7b] {
  background: none;
  border: none;
  font-size: 1.25rem;
  cursor: pointer;
  color: #6c757d;
  padding: 0.25rem;
  border-radius: 0.25rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  line-height: 1;
}
.btn-close-viewer[data-v-c1b6cc7b]:hover {
  background: #e9ecef;
  color: #5F239F;
}

/* Maximized styles para el contenedor principal */
.inline-file-viewer-container.is-maximized[data-v-c1b6cc7b] {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 5000 !important;
  background: white;
  border-radius: 0;
}

/* ============================
   DECK HEADER (igual que los otros decks)
   ============================ */
.deck-header[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 6px 10px;
  background: white;
  border-bottom: 1px solid #e5e7eb;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.header-title-block[data-v-c1b6cc7b] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0;
}
.header-title[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 700;
  color: #1a1a1a;
}
.header-title i[data-v-c1b6cc7b] { color: #5F239F; font-size: 15px;
}
.header-subtitle[data-v-c1b6cc7b] {
  font-size: 11px;
  color: #6b7280;
  margin-top: 1px;
  padding-left: 21px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-actions[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.action-btn[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  background: transparent;
  color: #6b7280;
}
.action-btn[data-v-c1b6cc7b]:hover { background: rgba(95,36,159,0.1); color: #5F249F;
}
.action-btn[data-v-c1b6cc7b]:disabled { opacity: 0.4; cursor: not-allowed;
}
.action-btn.is-active[data-v-c1b6cc7b] {
  background: #5F249F;
  color: white;
}
.action-btn.is-active[data-v-c1b6cc7b]:hover {
  background: #7B3DBF;
}

/* Indicadores de zoom y página para PDF */
.zoom-indicator[data-v-c1b6cc7b],
.page-indicator[data-v-c1b6cc7b] {
  font-size: 11px;
  font-weight: 600;
  color: #4b5563;
  background: rgba(0, 0, 0, 0.04);
  padding: 4px 8px;
  border-radius: 4px;
  min-width: 42px;
  text-align: center;
  font-variant-numeric: tabular-nums;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.zoom-indicator[data-v-c1b6cc7b] {
  cursor: help;
}
.page-indicator[data-v-c1b6cc7b] {
  min-width: 50px;
}
.nav-btn[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  background: transparent;
  color: #6b7280;
}
.nav-btn[data-v-c1b6cc7b]:hover { background: rgba(95,36,159,0.1); color: #5F249F;
}
.nav-btn[data-v-c1b6cc7b]:disabled { opacity: 0.4; cursor: not-allowed;
}
.nav-counter[data-v-c1b6cc7b] {
  font-size: 11px;
  color: #6b7280;
  min-width: 32px;
  text-align: center;
}
.header-divider[data-v-c1b6cc7b] {
  width: 1px;
  height: 20px;
  background: #e5e7eb;
  margin: 0 4px;
}
.close-btn[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  background: transparent;
  color: #9ca3af;
}
.close-btn[data-v-c1b6cc7b]:hover { background: rgba(239,68,68,0.1); color: #ef4444;
}

/* ============================
   MOBILE HEADER - Compacto y bien organizado
   ============================ */
@media (max-width: 768px) {
.deck-header[data-v-c1b6cc7b] {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px 12px;
    gap: 10px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

  /* Fila 1: Título */
.header-title-block[data-v-c1b6cc7b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding-right: 8px;
}
.header-title[data-v-c1b6cc7b] {
    font-size: 14px;
    font-weight: 600;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
}
.header-title i[data-v-c1b6cc7b] {
    font-size: 14px;
}
.header-title span[data-v-c1b6cc7b] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.header-subtitle[data-v-c1b6cc7b] {
    display: none;
}

  /* Fila 2: Barra de herramientas compacta */
.header-actions[data-v-c1b6cc7b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 8px;
    margin: 0 -12px;
    scrollbar-width: none;
    -ms-overflow-style: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f4f6), to(#e5e7eb));
    background: linear-gradient(180deg, #f3f4f6 0%, #e5e7eb 100%);
    border-radius: 0;
}
.header-actions[data-v-c1b6cc7b]::-webkit-scrollbar {
    display: none;
}

  /* Botones touch-friendly pero compactos */
.action-btn[data-v-c1b6cc7b],
  .nav-btn[data-v-c1b6cc7b] {
    width: 34px;
    height: 34px;
    min-width: 34px;
    font-size: 15px;
    border-radius: 6px;
    background: white;
    border: 1px solid #d1d5db;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
            box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.action-btn[data-v-c1b6cc7b]:active,
  .nav-btn[data-v-c1b6cc7b]:active {
    background: #5F249F;
    color: white;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
}

  /* Ocultar cerrar del header en móvil - controlado por GooeyMenu */
.close-btn[data-v-c1b6cc7b] {
    display: none !important;
}

  /* Ocultar dividers - usar gaps */
.header-divider[data-v-c1b6cc7b] {
    display: none;
}

  /* Indicadores con mejor contraste */
.zoom-indicator[data-v-c1b6cc7b],
  .page-indicator[data-v-c1b6cc7b],
  .nav-counter[data-v-c1b6cc7b] {
    font-size: 11px;
    padding: 6px 10px;
    min-width: auto;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-weight: 600;
    color: #374151;
    white-space: nowrap;
}

  /* Agrupar controles visualmente */
.header-actions[data-v-c1b6cc7b]::before {
    content: '';
    display: none;
}
}
.viewer-split-content[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  gap: 0.375rem;
  padding: 0.375rem;
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 50px);
}

/* Desktop layout: Sin tabs, side by side con splitter */
.desktop-viewer-layout[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  gap: 0;
  padding: 0.75rem;
  width: 100%;
  height: 100%;
  min-height: 600px;
}
.desktop-document-section[data-v-c1b6cc7b] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  min-width: 300px;
  margin-right: 4px;
}
.desktop-form-section[data-v-c1b6cc7b] {
  /* Width controlado por JS via style binding */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  min-width: 280px;
  /* max-width controlado dinámicamente via JS */
  background: white;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-box-shadow 0.2s ease;
  transition: -webkit-box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
  margin-left: 4px;
  /* Container queries para inputs responsivos */
  container-type: inline-size;
  container-name: form-section;
}

/* ========================================
   SPLITTER - Columna redimensionable
   ======================================== */
.column-splitter[data-v-c1b6cc7b] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8px;
          flex: 0 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: col-resize;
  background: transparent;
  position: relative;
  z-index: 10;
  -webkit-transition: background 0.15s ease;
  transition: background 0.15s ease;
}
.column-splitter[data-v-c1b6cc7b]:hover {
  background: rgba(95, 36, 159, 0.08);
}
.column-splitter.is-dragging[data-v-c1b6cc7b] {
  background: rgba(95, 36, 159, 0.15);
}
.splitter-handle[data-v-c1b6cc7b] {
  width: 20px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.04);
  color: #9ca3af;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.column-splitter:hover .splitter-handle[data-v-c1b6cc7b] {
  background: rgba(95, 36, 159, 0.12);
  color: #5F249F;
}
.column-splitter.is-dragging .splitter-handle[data-v-c1b6cc7b] {
  background: #5F249F;
  color: white;
  -webkit-transform: scaleY(1.2);
          transform: scaleY(1.2);
}
.splitter-handle i[data-v-c1b6cc7b] {
  font-size: 16px;
}

/* Área de toque más grande para móvil */
@media (max-width: 1024px) {
.column-splitter[data-v-c1b6cc7b] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12px;
            flex: 0 0 12px;
}
.splitter-handle[data-v-c1b6cc7b] {
    width: 24px;
    height: 56px;
}
}
.viewer-preview-column[data-v-c1b6cc7b] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  height: 100%;
  min-height: calc(100vh - 50px);
  position: relative; /* Necesario para el overlay AI */
}
.file-preview-large[data-v-c1b6cc7b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: white !important;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  min-height: calc(100vh - 50px);
}
.viewer-wrapper-full[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: white !important;
  width: 100%;
  height: 100%;
  position: relative; /* Para que el overlay se posicione correctamente */
}

/* Controles externos del visor - FUERA del viewer para máxima visibilidad */
.external-viewer-controls-outside[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #f8f9fa !important;
  padding: 0.375rem 0.5rem;
  border-bottom: 1px solid #e9ecef;
  position: relative;
  z-index: 1000 !important;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-height: 38px;
}

/* Controles externos del visor (legacy - por si acaso) */
.external-viewer-controls[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #f8f9fa;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #e9ecef;
}
.controls-left[data-v-c1b6cc7b],
.controls-center[data-v-c1b6cc7b],
.controls-right[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.controls-left[data-v-c1b6cc7b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.controls-left button[data-v-c1b6cc7b],
.controls-center button[data-v-c1b6cc7b],
.controls-right button[data-v-c1b6cc7b],
.external-viewer-controls-outside button[data-v-c1b6cc7b],
.btn-viewer[data-v-c1b6cc7b],
.btn[data-v-c1b6cc7b] {
  pointer-events: auto !important;
  cursor: pointer !important;
}
.requisito-title-controls[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #5F239F;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none !important;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.file-extension-badge-controls[data-v-c1b6cc7b] {
  font-size: 0.6rem;
  background: #5F239F;
  color: white;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  font-weight: 600;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.controls-left .file-counter[data-v-c1b6cc7b] {
  font-size: 0.7rem;
  color: #6c757d;
  padding: 0.125rem 0.375rem;
  background: white;
  border-radius: 0.25rem;
  font-weight: 500;
  border: 1px solid #dee2e6;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.image-counter[data-v-c1b6cc7b] {
  color: #495057;
  font-size: 0.875rem;
  padding: 0 0.75rem;
  font-weight: 600;
  background: white;
  border-radius: 0.375rem;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #e9ecef;
}
.btn-viewer[data-v-c1b6cc7b] {
  background: white;
  border: 1px solid #dee2e6;
  color: #495057;
  padding: 0.375rem 0.5rem;
  border-radius: 0.25rem;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 32px;
  height: 32px;
}
.btn-viewer[data-v-c1b6cc7b]:hover:not(:disabled) {
  background: #5F239F;
  border-color: #5F239F;
  color: white;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 4px rgba(32, 107, 196, 0.2);
          box-shadow: 0 2px 4px rgba(32, 107, 196, 0.2);
}
.btn-viewer[data-v-c1b6cc7b]:active:not(:disabled) {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.btn-viewer[data-v-c1b6cc7b]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  background: #f8f9fa;
}
.image-viewer-inline-container[data-v-c1b6cc7b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #ffffff !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 500px;
  z-index: 1 !important;
}
.viewer-image-item[data-v-c1b6cc7b] {
  display: none; /* Las imágenes se muestran vía Viewer.js */
}
.file-not-supported[data-v-c1b6cc7b] {
  text-align: center;
  padding: 3rem;
}

/* ========================================
   EXCEL VIEWER - COMPACTO Y RESPONSIVE
   ======================================== */
.excel-viewer-wrapper[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  max-height: 100%;
  background: #f8f9fa;
  overflow: hidden;
  position: relative; /* Para posicionar el overlay de validación */
}

/* Barra de controles Excel */
.excel-controls-bar[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.375rem 0.5rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f9fa), to(#eef0f2));
  background: linear-gradient(180deg, #f8f9fa 0%, #eef0f2 100%);
  border-bottom: 1px solid #dee2e6;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 38px;
}
.excel-controls-left[data-v-c1b6cc7b],
.excel-controls-center[data-v-c1b6cc7b],
.excel-controls-right[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
}
.excel-controls-left[data-v-c1b6cc7b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.excel-controls-center[data-v-c1b6cc7b] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.excel-controls-right[data-v-c1b6cc7b] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.excel-sheet-tabs[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow-x: auto;
  max-width: 100%;
}
.excel-sheet-btn[data-v-c1b6cc7b] {
  padding: 4px 10px;
  font-size: 11px;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  background: white;
  color: #495057;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.excel-sheet-btn[data-v-c1b6cc7b]:hover {
  background: #e9ecef;
  border-color: #adb5bd;
}
.excel-sheet-btn.active[data-v-c1b6cc7b] {
  background: #5F249F;
  color: white;
  border-color: #5F249F;
}

/* Toggle de vista */
.excel-view-toggle[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  overflow: hidden;
  background: white;
}
.excel-view-btn[data-v-c1b6cc7b] {
  padding: 5px 10px;
  border: none;
  background: transparent;
  color: #6c757d;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.excel-view-btn[data-v-c1b6cc7b]:first-child {
  border-right: 1px solid #dee2e6;
}
.excel-view-btn[data-v-c1b6cc7b]:hover {
  background: #f8f9fa;
  color: #495057;
}
.excel-view-btn.active[data-v-c1b6cc7b] {
  background: #5F249F;
  color: white;
}
.excel-view-btn i[data-v-c1b6cc7b] {
  font-size: 16px;
}

/* Controles de zoom */
.excel-zoom-controls[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  background: white;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 2px;
}
.excel-zoom-btn[data-v-c1b6cc7b] {
  width: 26px;
  height: 26px;
  border: none;
  background: transparent;
  color: #495057;
  cursor: pointer;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.excel-zoom-btn[data-v-c1b6cc7b]:hover:not(:disabled) {
  background: #e9ecef;
  color: #5F249F;
}
.excel-zoom-btn[data-v-c1b6cc7b]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.excel-zoom-btn i[data-v-c1b6cc7b] {
  font-size: 14px;
}
.excel-zoom-value[data-v-c1b6cc7b] {
  font-size: 11px;
  font-weight: 600;
  color: #495057;
  min-width: 36px;
  text-align: center;
}

/* Botón descargar */
.excel-download-btn[data-v-c1b6cc7b] {
  width: 32px;
  height: 32px;
  border: 1px solid #dee2e6;
  background: white;
  color: #5F249F;
  cursor: pointer;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.excel-download-btn[data-v-c1b6cc7b]:hover {
  background: #5F249F;
  color: white;
  border-color: #5F249F;
}
.excel-download-btn i[data-v-c1b6cc7b] {
  font-size: 16px;
}
.excel-loading[data-v-c1b6cc7b],
.excel-error[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  min-height: 200px;
  text-align: center;
  padding: 1rem;
}

/* Wrapper para scroll */
.excel-content-wrapper[data-v-c1b6cc7b],
.excel-cards-wrapper[data-v-c1b6cc7b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  background: #f8f9fa;
  max-height: calc(100% - 50px);
}

/* Cursor de drag cuando hay zoom */
.excel-content-wrapper.is-draggable[data-v-c1b6cc7b],
.excel-cards-wrapper.is-draggable[data-v-c1b6cc7b] {
  cursor: -webkit-grab;
  cursor: grab;
}
.excel-content-wrapper.is-dragging[data-v-c1b6cc7b],
.excel-cards-wrapper.is-dragging[data-v-c1b6cc7b] {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.excel-content-wrapper.is-dragging[data-v-c1b6cc7b] *,
.excel-cards-wrapper.is-dragging[data-v-c1b6cc7b] * {
  pointer-events: none;
}
.excel-content[data-v-c1b6cc7b] {
  padding: 0;
  background: white;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

/* Zoom levels para tabla */
.excel-content.zoom-50[data-v-c1b6cc7b] { -webkit-transform: scale(0.5); transform: scale(0.5);
}
.excel-content.zoom-60[data-v-c1b6cc7b] { -webkit-transform: scale(0.6); transform: scale(0.6);
}
.excel-content.zoom-70[data-v-c1b6cc7b] { -webkit-transform: scale(0.7); transform: scale(0.7);
}
.excel-content.zoom-80[data-v-c1b6cc7b] { -webkit-transform: scale(0.8); transform: scale(0.8);
}
.excel-content.zoom-90[data-v-c1b6cc7b] { -webkit-transform: scale(0.9); transform: scale(0.9);
}
.excel-content.zoom-100[data-v-c1b6cc7b] { -webkit-transform: scale(1); transform: scale(1);
}
.excel-content.zoom-110[data-v-c1b6cc7b] { -webkit-transform: scale(1.1); transform: scale(1.1);
}
.excel-content.zoom-120[data-v-c1b6cc7b] { -webkit-transform: scale(1.2); transform: scale(1.2);
}
.excel-content.zoom-130[data-v-c1b6cc7b] { -webkit-transform: scale(1.3); transform: scale(1.3);
}
.excel-content.zoom-140[data-v-c1b6cc7b] { -webkit-transform: scale(1.4); transform: scale(1.4);
}
.excel-content.zoom-150[data-v-c1b6cc7b] { -webkit-transform: scale(1.5); transform: scale(1.5);
}
.excel-content.zoom-160[data-v-c1b6cc7b] { -webkit-transform: scale(1.6); transform: scale(1.6);
}
.excel-content.zoom-170[data-v-c1b6cc7b] { -webkit-transform: scale(1.7); transform: scale(1.7);
}
.excel-content.zoom-180[data-v-c1b6cc7b] { -webkit-transform: scale(1.8); transform: scale(1.8);
}
.excel-content.zoom-190[data-v-c1b6cc7b] { -webkit-transform: scale(1.9); transform: scale(1.9);
}
.excel-content.zoom-200[data-v-c1b6cc7b] { -webkit-transform: scale(2); transform: scale(2);
}

/* Estilos COMPACTOS para el HTML generado por PhpSpreadsheet */
.excel-content[data-v-c1b6cc7b] .excel-viewer,
.excel-content[data-v-c1b6cc7b] div {
  font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;
  font-size: 10px;
  line-height: 1.2;
  overflow: auto;
  background: #fff;
  padding: 4px;
}
.excel-content[data-v-c1b6cc7b] table {
  border-collapse: collapse;
  width: auto;
  min-width: 100%;
  margin: 0;
  table-layout: auto;
}
.excel-content[data-v-c1b6cc7b] th,
.excel-content[data-v-c1b6cc7b] td {
  border: 1px solid #e0e0e0;
  padding: 3px 6px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 10px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.excel-content[data-v-c1b6cc7b] th {
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background: linear-gradient(180deg, #f5f5f5 0%, #e8e8e8 100%);
  font-weight: 600;
  color: #333;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  position: sticky;
  top: 0;
  z-index: 1;
}
.excel-content[data-v-c1b6cc7b] tr:nth-child(even) td {
  background-color: #fafafa;
}
.excel-content[data-v-c1b6cc7b] tr:hover td {
  background-color: #f0e6ff;
}

/* Resaltar celdas con datos importantes (NITs, DPIs, números) */
.excel-content[data-v-c1b6cc7b] td {
  color: #333;
}

/* Primera columna sticky para navegación */
.excel-content[data-v-c1b6cc7b] td:first-child,
.excel-content[data-v-c1b6cc7b] th:first-child {
  position: sticky;
  left: 0;
  background: #f8f9fa;
  z-index: 1;
  border-right: 2px solid #5F249F;
}
.excel-content[data-v-c1b6cc7b] th:first-child {
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background: linear-gradient(180deg, #f5f5f5 0%, #e8e8e8 100%);
}

/* Scrollbar compacto */
.excel-content[data-v-c1b6cc7b]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.excel-content[data-v-c1b6cc7b]::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.excel-content[data-v-c1b6cc7b]::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
.excel-content[data-v-c1b6cc7b]::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
}

/* Responsive para móviles */
@media (max-width: 768px) {
.excel-content[data-v-c1b6cc7b] th,
  .excel-content[data-v-c1b6cc7b] td {
    padding: 2px 4px;
    font-size: 9px;
    max-width: 120px;
}
.excel-content[data-v-c1b6cc7b] th {
    font-size: 8px;
}
.excel-controls-bar[data-v-c1b6cc7b] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 8px;
}
.excel-controls-left[data-v-c1b6cc7b],
  .excel-controls-center[data-v-c1b6cc7b],
  .excel-controls-right[data-v-c1b6cc7b] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
}

/* ========================================
   EXCEL CARDS VIEW
   ======================================== */
.excel-cards-view[data-v-c1b6cc7b] {
  padding: 16px;
  background: #f8f9fa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  min-width: 100%;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

/* Zoom levels para cards */
.excel-cards-view.zoom-50[data-v-c1b6cc7b] { -webkit-transform: scale(0.5); transform: scale(0.5);
}
.excel-cards-view.zoom-60[data-v-c1b6cc7b] { -webkit-transform: scale(0.6); transform: scale(0.6);
}
.excel-cards-view.zoom-70[data-v-c1b6cc7b] { -webkit-transform: scale(0.7); transform: scale(0.7);
}
.excel-cards-view.zoom-80[data-v-c1b6cc7b] { -webkit-transform: scale(0.8); transform: scale(0.8);
}
.excel-cards-view.zoom-90[data-v-c1b6cc7b] { -webkit-transform: scale(0.9); transform: scale(0.9);
}
.excel-cards-view.zoom-100[data-v-c1b6cc7b] { -webkit-transform: scale(1); transform: scale(1);
}
.excel-cards-view.zoom-110[data-v-c1b6cc7b] { -webkit-transform: scale(1.1); transform: scale(1.1);
}
.excel-cards-view.zoom-120[data-v-c1b6cc7b] { -webkit-transform: scale(1.2); transform: scale(1.2);
}
.excel-cards-view.zoom-130[data-v-c1b6cc7b] { -webkit-transform: scale(1.3); transform: scale(1.3);
}
.excel-cards-view.zoom-140[data-v-c1b6cc7b] { -webkit-transform: scale(1.4); transform: scale(1.4);
}
.excel-cards-view.zoom-150[data-v-c1b6cc7b] { -webkit-transform: scale(1.5); transform: scale(1.5);
}
.excel-cards-view.zoom-160[data-v-c1b6cc7b] { -webkit-transform: scale(1.6); transform: scale(1.6);
}
.excel-cards-view.zoom-170[data-v-c1b6cc7b] { -webkit-transform: scale(1.7); transform: scale(1.7);
}
.excel-cards-view.zoom-180[data-v-c1b6cc7b] { -webkit-transform: scale(1.8); transform: scale(1.8);
}
.excel-cards-view.zoom-190[data-v-c1b6cc7b] { -webkit-transform: scale(1.9); transform: scale(1.9);
}
.excel-cards-view.zoom-200[data-v-c1b6cc7b] { -webkit-transform: scale(2); transform: scale(2);
}

/* Grupos de cards */
.excel-card-group[data-v-c1b6cc7b] {
  margin-bottom: 24px;
}
.excel-card-group[data-v-c1b6cc7b]:last-child {
  margin-bottom: 0;
}
.excel-group-header[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: linear-gradient(135deg, #374151 0%, #4b5563 100%);
  color: white;
  padding: 10px 16px;
  border-radius: 8px;
  margin-bottom: 12px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.excel-group-title[data-v-c1b6cc7b] {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.excel-group-count[data-v-c1b6cc7b] {
  font-size: 11px;
  background: rgba(255, 255, 255, 0.2);
  padding: 2px 8px;
  border-radius: 10px;
}
.excel-group-cards[data-v-c1b6cc7b] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 12px;
}
.excel-card[data-v-c1b6cc7b] {
  background: white;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border: 1px solid #e5e7eb;
  overflow: hidden;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.excel-card[data-v-c1b6cc7b]:hover {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border-color: #d1d5db;
}
.excel-card-header[data-v-c1b6cc7b] {
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  color: #374151;
  padding: 8px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.excel-card-number[data-v-c1b6cc7b] {
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
}
.excel-card-fields-count[data-v-c1b6cc7b] {
  font-size: 10px;
  color: #9ca3af;
}
.excel-card-body[data-v-c1b6cc7b] {
  padding: 8px 12px;
}
.excel-card-field[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 4px 0;
  border-bottom: 1px solid #f3f4f6;
  gap: 8px;
}
.excel-card-field[data-v-c1b6cc7b]:last-child {
  border-bottom: none;
}
.excel-card-label[data-v-c1b6cc7b] {
  font-size: 10px;
  font-weight: 500;
  color: #9ca3af;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 80px;
}
.excel-card-value[data-v-c1b6cc7b] {
  font-size: 12px;
  color: #111827;
  word-break: break-word;
  text-align: right;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.excel-card-value.bold[data-v-c1b6cc7b] {
  font-weight: 600;
}

/* Campo con color de fondo */
.excel-card-field.field-highlight[data-v-c1b6cc7b] {
  padding: 6px 8px;
  margin: 2px -8px;
  border-radius: 4px;
}
.excel-card-field.field-bold .excel-card-value[data-v-c1b6cc7b] {
  font-weight: 700;
}

/* Badge para celdas con merge */
.excel-card-merge-badge[data-v-c1b6cc7b] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 6px;
  color: #6c757d;
  font-size: 10px;
}
.excel-card-merge-badge i[data-v-c1b6cc7b] {
  font-size: 12px;
}

/* Loading para cards */
.excel-cards-loading[data-v-c1b6cc7b] {
  grid-column: 1 / -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  padding: 40px;
  color: #5F249F;
}
.excel-cards-loading i[data-v-c1b6cc7b] {
  font-size: 32px;
}
.excel-cards-loading span[data-v-c1b6cc7b] {
  font-size: 14px;
  color: #6c757d;
}
.excel-no-data[data-v-c1b6cc7b] {
  grid-column: 1 / -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px;
  color: #6c757d;
  text-align: center;
}
.excel-no-data i[data-v-c1b6cc7b] {
  font-size: 48px;
  margin-bottom: 12px;
  opacity: 0.5;
}
.excel-no-data p[data-v-c1b6cc7b] {
  margin: 0;
  font-size: 14px;
}

/* Scrollbar para cards view */
.excel-cards-view[data-v-c1b6cc7b]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.excel-cards-view[data-v-c1b6cc7b]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.excel-cards-view[data-v-c1b6cc7b]::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}
.excel-cards-view[data-v-c1b6cc7b]::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
}
@-webkit-keyframes spin-c1b6cc7b {
from { -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
@keyframes spin-c1b6cc7b {
from { -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
.spin[data-v-c1b6cc7b] {
  -webkit-animation: spin-c1b6cc7b 1s linear infinite;
          animation: spin-c1b6cc7b 1s linear infinite;
}
.file-navigation-large[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.viewer-form-column[data-v-c1b6cc7b] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32%;
          flex: 0 0 32%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: white;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  height: 100%;
  min-height: 500px;
}
.form-container-scrollable[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  max-height: calc(100vh - 250px);
}

/* ========================================
   VALIDACION AI - RESUMEN COMPACTO
   (El detalle aparece inline en cada input)
   ======================================== */
.ai-validation-summary[data-v-c1b6cc7b] {
  padding: 0.5rem 0.75rem;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}
.ai-summary-row[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
}
.semaforo-mini[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  padding: 3px 6px;
  background: #1e293b;
  border-radius: 10px;
}
.light-dot[data-v-c1b6cc7b] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.light-dot.active[data-v-c1b6cc7b] {
  background: #ef4444;
  -webkit-box-shadow: 0 0 4px #ef4444;
          box-shadow: 0 0 4px #ef4444;
}
.light-dot.yellow.active[data-v-c1b6cc7b] {
  background: #fbbf24;
  -webkit-box-shadow: 0 0 4px #fbbf24;
          box-shadow: 0 0 4px #fbbf24;
}
.light-dot.green.active[data-v-c1b6cc7b] {
  background: #22c55e;
  -webkit-box-shadow: 0 0 4px #22c55e;
          box-shadow: 0 0 4px #22c55e;
}
.stats-compact[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.stat-mini[data-v-c1b6cc7b] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  padding: 2px 5px;
  border-radius: 6px;
  font-size: 0.65rem;
  font-weight: 600;
}
.stat-mini i[data-v-c1b6cc7b] { font-size: 0.55rem;
}
.stat-mini.success[data-v-c1b6cc7b] {
  background: rgba(95, 35, 159, 0.15);
  color: #4A1A7A;
}
.stat-mini.warning[data-v-c1b6cc7b] {
  background: rgba(249, 206, 0, 0.15);
  color: #E5B800;
}
.stat-mini.error[data-v-c1b6cc7b] {
  background: rgba(229, 184, 0, 0.15);
  color: #92400e;
}
.btn-close-tiny[data-v-c1b6cc7b],
.btn-revalidate-tiny[data-v-c1b6cc7b] {
  background: none;
  border: none;
  padding: 2px;
  cursor: pointer;
  color: #94a3b8;
  border-radius: 4px;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  line-height: 1;
}
.btn-close-tiny[data-v-c1b6cc7b]:hover {
  background: #e2e8f0;
  color: #475569;
}
.btn-revalidate-tiny[data-v-c1b6cc7b]:hover {
  background: rgba(95, 35, 159, 0.15);
  color: #5F239F;
}
.btn-revalidate-tiny[data-v-c1b6cc7b]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-close-tiny i[data-v-c1b6cc7b],
.btn-revalidate-tiny i[data-v-c1b6cc7b] {
  font-size: 0.75rem;
}

/* ========================================
   LINKS DE VERIFICACION EXTERNA (SAT, Registro Mercantil)
   ======================================== */
.verification-links[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px dashed #e2e8f0;
}
.verification-link[data-v-c1b6cc7b] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.625rem;
  font-size: 0.7rem;
  font-weight: 600;
  color: white;
  text-decoration: none;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.verification-link span[data-v-c1b6cc7b] {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.verification-link i[data-v-c1b6cc7b]:first-child {
  font-size: 0.85rem;
}
.verification-link i[data-v-c1b6cc7b]:last-child {
  font-size: 0.65rem;
  opacity: 0.7;
}

/* SAT - Azul institucional */
.verification-link.link-sat[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #1a56db 0%, #1e40af 100%);
  -webkit-box-shadow: 0 2px 4px rgba(26, 86, 219, 0.3);
          box-shadow: 0 2px 4px rgba(26, 86, 219, 0.3);
}
.verification-link.link-sat[data-v-c1b6cc7b]:hover {
  background: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);
  -webkit-box-shadow: 0 4px 8px rgba(26, 86, 219, 0.4);
          box-shadow: 0 4px 8px rgba(26, 86, 219, 0.4);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.verification-link.link-sat-rtu[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #0369a1 0%, #075985 100%);
  -webkit-box-shadow: 0 2px 4px rgba(3, 105, 161, 0.3);
          box-shadow: 0 2px 4px rgba(3, 105, 161, 0.3);
}
.verification-link.link-sat-rtu[data-v-c1b6cc7b]:hover {
  background: linear-gradient(135deg, #075985 0%, #0c4a6e 100%);
  -webkit-box-shadow: 0 4px 8px rgba(3, 105, 161, 0.4);
          box-shadow: 0 4px 8px rgba(3, 105, 161, 0.4);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

/* Registro Mercantil - Verde institucional */
.verification-link.link-registro-mercantil[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #059669 0%, #047857 100%);
  -webkit-box-shadow: 0 2px 4px rgba(5, 150, 105, 0.3);
          box-shadow: 0 2px 4px rgba(5, 150, 105, 0.3);
}
.verification-link.link-registro-mercantil[data-v-c1b6cc7b]:hover {
  background: linear-gradient(135deg, #047857 0%, #065f46 100%);
  -webkit-box-shadow: 0 4px 8px rgba(5, 150, 105, 0.4);
          box-shadow: 0 4px 8px rgba(5, 150, 105, 0.4);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

/* ========================================
   VALIDACION AI INTEGRADA (legacy - ya no se usa)
   ======================================== */
.ai-validation-integrated[data-v-c1b6cc7b] {
  border-bottom: 1px solid #e2e8f0;
  background: #f8fafc;
  display: none; /* Ya no se usa - el detalle va inline en cada input */
}
.ai-header-integrated[data-v-c1b6cc7b] {
  padding: 0.75rem;
}
.ai-title-row[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ai-title-row i[data-v-c1b6cc7b] {
  color: #5F239F;
  font-size: 1rem;
}
.ai-title-row span[data-v-c1b6cc7b] {
  font-weight: 600;
  font-size: 0.8rem;
  color: #1e293b;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.btn-close-mini[data-v-c1b6cc7b] {
  background: none;
  border: none;
  padding: 2px;
  cursor: pointer;
  color: #94a3b8;
  border-radius: 4px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn-close-mini[data-v-c1b6cc7b]:hover {
  background: #e2e8f0;
  color: #475569;
}

/* Semaforo inline */
.semaforo-inline[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.lights-row[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  padding: 3px 5px;
  background: #1e293b;
  border-radius: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.light-mini[data-v-c1b6cc7b] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 8px;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.light-mini.active[data-v-c1b6cc7b] {
  background: #ef4444;
  color: white;
  -webkit-box-shadow: 0 0 6px #ef4444;
          box-shadow: 0 0 6px #ef4444;
}
.light-mini.yellow.active[data-v-c1b6cc7b] {
  background: #fbbf24;
  -webkit-box-shadow: 0 0 6px #fbbf24;
          box-shadow: 0 0 6px #fbbf24;
}
.light-mini.green.active[data-v-c1b6cc7b] {
  background: #22c55e;
  -webkit-box-shadow: 0 0 6px #22c55e;
          box-shadow: 0 0 6px #22c55e;
}
.status-msg[data-v-c1b6cc7b] {
  font-size: 0.7rem;
  font-weight: 500;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.status-msg.status-success[data-v-c1b6cc7b] { color: #5F239F;
}
.status-msg.status-warning[data-v-c1b6cc7b] { color: #F9CE00;
}
.status-msg.status-error[data-v-c1b6cc7b] { color: #E5B800;
}

/* Stats inline */
.stats-inline[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.stat-pill[data-v-c1b6cc7b] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  padding: 2px 6px;
  border-radius: 8px;
  font-size: 0.65rem;
  font-weight: 600;
}
.stat-pill i[data-v-c1b6cc7b] { font-size: 0.6rem;
}
.stat-pill.success[data-v-c1b6cc7b] {
  background: rgba(95, 35, 159, 0.1);
  color: #4A1A7A;
}
.stat-pill.warning[data-v-c1b6cc7b] {
  background: rgba(249, 206, 0, 0.1);
  color: #E5B800;
}
.stat-pill.error[data-v-c1b6cc7b] {
  background: rgba(229, 184, 0, 0.1);
  color: #E5B800;
}

/* Lista de documentos AI */
.ai-docs-list[data-v-c1b6cc7b],
.ai-fields-simple[data-v-c1b6cc7b] {
  max-height: 300px;
  overflow-y: auto;
}
.ai-doc-item[data-v-c1b6cc7b] {
  border-bottom: 1px solid #e2e8f0;
}
.ai-doc-item[data-v-c1b6cc7b]:last-child {
  border-bottom: none;
}
.doc-header[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.doc-header[data-v-c1b6cc7b]:hover {
  background: rgba(95, 35, 159, 0.05);
}
.doc-indicator[data-v-c1b6cc7b] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.doc-indicator.success[data-v-c1b6cc7b] { background: #5F239F;
}
.doc-indicator.warning[data-v-c1b6cc7b] { background: #F9CE00;
}
.doc-indicator.error[data-v-c1b6cc7b] { background: #E5B800;
}
.doc-indicator.pending[data-v-c1b6cc7b] { background: #94a3b8;
}
.doc-name[data-v-c1b6cc7b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0.7rem;
  font-weight: 500;
  color: #1e293b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.doc-counts[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
}
.doc-counts .cnt[data-v-c1b6cc7b] {
  font-size: 0.6rem;
  font-weight: 600;
  padding: 1px 4px;
  border-radius: 4px;
}
.doc-counts .cnt.success[data-v-c1b6cc7b] { background: rgba(95, 35, 159, 0.15); color: #4A1A7A;
}
.doc-counts .cnt.warning[data-v-c1b6cc7b] { background: rgba(249, 206, 0, 0.15); color: #E5B800;
}
.doc-counts .cnt.error[data-v-c1b6cc7b] { background: rgba(229, 184, 0, 0.15); color: #92400e;
}
.doc-header > i[data-v-c1b6cc7b] {
  font-size: 0.75rem;
  color: #94a3b8;
}

/* Campos dentro de documentos */
.doc-fields[data-v-c1b6cc7b] {
  padding: 0 0.5rem 0.5rem 1.25rem;
}
.field-row-mini[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.375rem;
  border-radius: 4px;
  margin-bottom: 2px;
  background: white;
}
.field-row-mini.field-success[data-v-c1b6cc7b] { border-left: 2px solid #5F239F;
}
.field-row-mini.field-warning[data-v-c1b6cc7b] { border-left: 2px solid #F9CE00;
}
.field-row-mini.field-error[data-v-c1b6cc7b] { border-left: 2px solid #E5B800;
}
.field-row-mini.field-pending[data-v-c1b6cc7b] { border-left: 2px solid #94a3b8;
}
.field-icon-mini[data-v-c1b6cc7b] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.field-icon-mini i[data-v-c1b6cc7b] {
  font-size: 0.7rem;
}
.field-content-mini[data-v-c1b6cc7b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.field-label-mini[data-v-c1b6cc7b] {
  font-size: 0.65rem;
  font-weight: 500;
  color: #1e293b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.field-msg-mini[data-v-c1b6cc7b] {
  font-size: 0.55rem;
  color: #64748b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.match-badge[data-v-c1b6cc7b] {
  font-size: 0.55rem;
  font-weight: 700;
  padding: 1px 4px;
  border-radius: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.match-badge.match-perfect[data-v-c1b6cc7b] {
  background: #5F239F;
  color: white;
}
.match-badge.match-good[data-v-c1b6cc7b] {
  background: rgba(95, 35, 159, 0.15);
  color: #4A1A7A;
}
.match-badge.match-medium[data-v-c1b6cc7b] {
  background: rgba(249, 206, 0, 0.15);
  color: #E5B800;
}
.match-badge.match-low[data-v-c1b6cc7b] {
  background: rgba(229, 184, 0, 0.15);
  color: #E5B800;
}

/* ======================================== */
.form-header[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #e9ecef;
  background: #f8f9fa;
}
.form-header-left[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-header-left i[data-v-c1b6cc7b] {
  font-size: 0.875rem;
  color: #5F239F;
}
.form-header-left h6[data-v-c1b6cc7b] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #5F239F;
}
.form-header-actions[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.btn-verify-compact[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  background: #5F239F;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  position: relative;
}
.btn-verify-compact[data-v-c1b6cc7b]:hover:not(:disabled) {
  background: #4A1A7A;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.btn-verify-compact[data-v-c1b6cc7b]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-verify-compact i[data-v-c1b6cc7b] {
  font-size: 0.875rem;
}
.btn-verify-compact .ai-status-dot[data-v-c1b6cc7b] {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 2px solid #f8f9fa;
}
.btn-verify-compact .ai-status-dot.success[data-v-c1b6cc7b] {
  background: #10b981;
}
.btn-verify-compact .ai-status-dot.warning[data-v-c1b6cc7b] {
  background: #f59e0b;
}
.btn-verify-compact .ai-status-dot.error[data-v-c1b6cc7b] {
  background: #ef4444;
}
.btn-close-form[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: #64748b;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.btn-close-form[data-v-c1b6cc7b]:hover {
  background: #e2e8f0;
  color: #1e293b;
}
.btn-close-form i[data-v-c1b6cc7b] {
  font-size: 1rem;
}
.form-body[data-v-c1b6cc7b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 1.5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem 1rem;
  -ms-flex-line-pack: start;
      align-content: start;
}
@media (max-width: 768px) {
.form-body[data-v-c1b6cc7b] {
    grid-template-columns: 1fr;
}
}

/* Container query: inputs a 1 columna cuando el formulario es angosto */
@container form-section (max-width: 450px) {
.form-body[data-v-c1b6cc7b] {
    grid-template-columns: 1fr;
    padding: 1rem;
    gap: 0.5rem;
}
}

/* Panel informativo para archivos Excel */
.excel-info-panel[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 32px 24px;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 200px;
}
.excel-info-icon[data-v-c1b6cc7b] {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
  border: 1px solid #e9d5ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 16px;
}
.excel-info-icon i[data-v-c1b6cc7b] {
  font-size: 28px;
  color: #5F249F;
}
.excel-info-panel h6[data-v-c1b6cc7b] {
  font-size: 14px;
  font-weight: 600;
  color: #334155;
  margin-bottom: 8px;
}
.excel-info-panel p[data-v-c1b6cc7b] {
  max-width: 220px;
  line-height: 1.4;
  margin-bottom: 12px;
}
.excel-info-hint[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 11px;
  color: #166534;
  text-align: left;
  max-width: 280px;
}
.excel-info-hint i[data-v-c1b6cc7b] {
  font-size: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 1px;
}

/* Form footer - NEO FLATTEN */
.form-footer[data-v-c1b6cc7b] {
  padding: 12px 16px;
  border-top: 1px solid #e5e7eb;
  background: #f8fafc;
}

/* Botón guardar - NEO FLATTEN con colores oficiales */
.form-footer .btn-primary[data-v-c1b6cc7b] {
  background: #5F239F !important;
  border-color: #5F239F !important;
  color: white !important;
  border-radius: 8px;
  font-weight: 500;
  font-size: 13px;
  padding: 10px 16px;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  -webkit-box-shadow: 0 2px 4px rgba(95, 35, 159, 0.2);
          box-shadow: 0 2px 4px rgba(95, 35, 159, 0.2);
}
.form-footer .btn-primary[data-v-c1b6cc7b]:hover {
  background: #4A1A7A !important;
  border-color: #4A1A7A !important;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 8px rgba(95, 35, 159, 0.3);
          box-shadow: 0 4px 8px rgba(95, 35, 159, 0.3);
}
.form-footer .btn-primary[data-v-c1b6cc7b]:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: 0 1px 2px rgba(95, 35, 159, 0.2);
          box-shadow: 0 1px 2px rgba(95, 35, 159, 0.2);
}
.ocr-dropdown-inline[data-v-c1b6cc7b] {
  z-index: 1000;
  max-height: 200px;
  overflow-y: auto;
}

/* Responsive */
@media (max-width: 1200px) {
.viewer-split-content[data-v-c1b6cc7b] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.viewer-preview-column[data-v-c1b6cc7b],
  .viewer-form-column[data-v-c1b6cc7b] {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
}

/* Estilos para Viewer.js inline - FORZAR FONDO BLANCO */
.image-viewer-inline-container[data-v-c1b6cc7b] .viewer-container {
  height: 100% !important;
  background: #ffffff !important;
  z-index: 1 !important;
  position: relative !important;
}
.image-viewer-inline-container[data-v-c1b6cc7b] .viewer-canvas {
  height: 100% !important;
  background: #ffffff !important;
  z-index: 1 !important;
  position: relative !important;
}
.image-viewer-inline-container[data-v-c1b6cc7b] .viewer-canvas > img {
  max-height: 100%;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  background: white !important;
}

/* Forzar fondo blanco en TODOS los elementos del viewer */
.image-viewer-inline-container[data-v-c1b6cc7b] .viewer-move,
.image-viewer-inline-container[data-v-c1b6cc7b] .viewer-fade,
.image-viewer-inline-container[data-v-c1b6cc7b] .viewer-in,
.image-viewer-inline-container[data-v-c1b6cc7b] .viewer-transition {
  background: #ffffff !important;
  background-color: #ffffff !important;
  z-index: 1 !important;
}
.image-viewer-inline-container[data-v-c1b6cc7b] div,
.image-viewer-inline-container[data-v-c1b6cc7b] ul,
.image-viewer-inline-container[data-v-c1b6cc7b] li {
  background-color: #ffffff !important;
  z-index: 1 !important;
}

/* Eliminar completamente el backdrop */
.image-viewer-inline-container[data-v-c1b6cc7b] .viewer-backdrop {
  background: transparent !important;
  background-color: transparent !important;
  display: none !important;
  opacity: 0 !important;
}

/* Asegurar que no haya overlays negros */
.image-viewer-inline-container[data-v-c1b6cc7b]::before,
.image-viewer-inline-container[data-v-c1b6cc7b]::after {
  display: none !important;
}

/* Ocultar elementos integrados SOLO en inline mode (no en fullscreen) */
.image-viewer-inline-container[data-v-c1b6cc7b] .viewer-inline .viewer-toolbar,
.image-viewer-inline-container[data-v-c1b6cc7b] .viewer-inline .viewer-navbar,
.image-viewer-inline-container[data-v-c1b6cc7b] .viewer-inline .viewer-title,
.image-viewer-inline-container[data-v-c1b6cc7b] .viewer-inline .viewer-button,
.image-viewer-inline-container[data-v-c1b6cc7b] .viewer-inline .viewer-footer {
  display: none !important;
}

/* Ocultar TODOS los botones que Viewer.js genere en el contenedor inline */
.viewer-wrapper-full[data-v-c1b6cc7b] .viewer-button,
.viewer-wrapper-full[data-v-c1b6cc7b] .viewer-toolbar,
.viewer-wrapper-full[data-v-c1b6cc7b] .viewer-navbar,
.viewer-wrapper-full[data-v-c1b6cc7b] .viewer-footer {
  display: none !important;
}

/* Estilos para modo fullscreen - FONDO BLANCO para imágenes transparentes */
[data-v-c1b6cc7b] .viewer-backdrop {
  background-color: rgba(255, 255, 255, 0.98) !important;
}
[data-v-c1b6cc7b] .viewer-container:not(.viewer-inline) {
  z-index: 5000;
  background: #ffffff !important;
}
[data-v-c1b6cc7b] .viewer-container:not(.viewer-inline) .viewer-canvas {
  background: #ffffff !important;
}

/* IMPORTANTE: Botón de cerrar SOLO en fullscreen */
[data-v-c1b6cc7b] .viewer-container:-webkit-full-screen .viewer-button {
  display: block !important;
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;
  z-index: 10000 !important;
  background: rgba(32, 107, 196, 0.9) !important;
  color: white !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  border: none !important;
  cursor: pointer !important;
  font-size: 24px !important;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  -webkit-transition: all 0.2s !important;
  transition: all 0.2s !important;
}
[data-v-c1b6cc7b] .viewer-container:-ms-fullscreen .viewer-button {
  display: block !important;
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;
  z-index: 10000 !important;
  background: rgba(32, 107, 196, 0.9) !important;
  color: white !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  border: none !important;
  cursor: pointer !important;
  font-size: 24px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  -ms-transition: all 0.2s !important;
  transition: all 0.2s !important;
}
[data-v-c1b6cc7b] .viewer-container:fullscreen .viewer-button,[data-v-c1b6cc7b] .viewer-container.viewer-fullscreen .viewer-button {
  display: block !important;
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;
  z-index: 10000 !important;
  background: rgba(32, 107, 196, 0.9) !important;
  color: white !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  border: none !important;
  cursor: pointer !important;
  font-size: 24px !important;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  -webkit-transition: all 0.2s !important;
  transition: all 0.2s !important;
}
[data-v-c1b6cc7b] .viewer-container:-webkit-full-screen .viewer-button:hover {
  background: rgba(32, 107, 196, 1) !important;
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
[data-v-c1b6cc7b] .viewer-container:-ms-fullscreen .viewer-button:hover {
  background: rgba(32, 107, 196, 1) !important;
  transform: scale(1.1) !important;
}
[data-v-c1b6cc7b] .viewer-container:fullscreen .viewer-button:hover,[data-v-c1b6cc7b] .viewer-container.viewer-fullscreen .viewer-button:hover {
  background: rgba(32, 107, 196, 1) !important;
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}

/* Mantener toolbar y navbar ocultos también en fullscreen */
[data-v-c1b6cc7b] .viewer-toolbar,[data-v-c1b6cc7b] .viewer-navbar,[data-v-c1b6cc7b] .viewer-footer {
  display: none !important;
}

/* Botón de cerrar personalizado en fullscreen - SIN scoped porque se agrega al body */


/* Navegador de requisitos mini - NEO FLATTEN */
.mini-requisitos-nav[data-v-c1b6cc7b] {
  border-top: 1px solid #e5e7eb;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fafbfc));
  background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
  padding: 10px 16px;
  -webkit-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.04);
          box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.04);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.nav-header[data-v-c1b6cc7b] {
  display: none; /* Ocultamos header para hacerlo más compacto */
}
.nav-counters[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav-counter[data-v-c1b6cc7b] {
  font-size: 11px;
  color: #64748b;
  font-weight: 500;
  background: #ffffff;
  padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.nav-counter i[data-v-c1b6cc7b] {
  font-size: 12px;
  opacity: 0.7;
}
.nav-counter-files[data-v-c1b6cc7b] {
  background: rgba(95, 35, 159, 0.08);
  border-color: rgba(95, 35, 159, 0.2);
  color: #5F239F;
}
.requisitos-carousel[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  position: relative;
}

/* Navegación de archivos dentro del requisito - NEO FLATTEN */
.files-navigation[data-v-c1b6cc7b] {
  background: #ffffff;
  border-radius: 10px;
  padding: 12px;
  margin-bottom: 12px;
  border: 1px solid #e5e7eb;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.files-nav-header[data-v-c1b6cc7b] {
  font-size: 12px;
  font-weight: 600;
  color: #475569;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.files-nav-controls[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.file-nav-btn[data-v-c1b6cc7b] {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  color: #64748b;
  padding: 6px;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.file-nav-btn[data-v-c1b6cc7b]:hover:not(:disabled) {
  background: #f8fafc !important;
  border-color: #d1d5db !important;
  color: #5F239F !important;
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06) !important;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06) !important;
}
.file-nav-btn[data-v-c1b6cc7b]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  background: #f1f5f9 !important;
}

/* Thumbnails container - NEO FLATTEN */
.files-thumbnails[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-x: auto;
  padding: 4px 2px;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
.files-thumbnails[data-v-c1b6cc7b]::-webkit-scrollbar {
  height: 4px;
}
.files-thumbnails[data-v-c1b6cc7b]::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 2px;
}
.files-thumbnails[data-v-c1b6cc7b]::-webkit-scrollbar-thumb {
  background: rgba(95, 35, 159, 0.4);
  border-radius: 2px;
}
.files-thumbnails[data-v-c1b6cc7b]::-webkit-scrollbar-thumb:hover {
  background: #5F239F;
}

/* Thumbnail individual - PRACTICAL UI */
.file-thumb[data-v-c1b6cc7b] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 60px;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  position: relative;
}

/* Estado activo - borde morado, fondo claro, SIN degradado */
.file-thumb.active .thumb-preview[data-v-c1b6cc7b] {
  background: #faf5ff !important;
  border: 2px solid #5F239F !important;
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.file-thumb.active .thumb-preview i[data-v-c1b6cc7b] {
  color: #5F239F !important;
}
.file-thumb.active .thumb-number[data-v-c1b6cc7b] {
  background: rgba(95, 35, 159, 0.1) !important;
  color: #5F239F !important;
}

/* Thumb preview box - PRACTICAL UI */
.thumb-preview[data-v-c1b6cc7b] {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  height: 52px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}
.thumb-preview i[data-v-c1b6cc7b] {
  font-size: 18px !important;
  color: #64748b !important;
  -webkit-transition: color 0.15s ease;
  transition: color 0.15s ease;
}

/* Iconos - SOLO MORADO NEONET */
.thumb-preview i[data-v-c1b6cc7b] {
  color: #5F239F !important;
}
.file-thumb:hover:not(.active) .thumb-preview[data-v-c1b6cc7b] {
  border-color: #d1d5db !important;
  background: #f8fafc !important;
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06) !important;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06) !important;
}
.file-thumb:hover:not(.active) .thumb-preview i[data-v-c1b6cc7b] {
  color: #5F239F !important;
}

/* Thumbnail number label - PRACTICAL UI */
.thumb-number[data-v-c1b6cc7b] {
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  color: #64748b !important;
  margin-top: 4px;
  background: #f8fafc !important;
  border-radius: 4px;
  padding: 2px 6px;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}

/* Navegación de requisitos - NEO FLATTEN */
.carousel-nav[data-v-c1b6cc7b] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  color: #64748b;
  padding: 4px;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.carousel-nav[data-v-c1b6cc7b]:hover:not(:disabled) {
  background: #5F239F;
  border-color: #5F239F;
  color: white;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-box-shadow: 0 2px 6px rgba(95, 35, 159, 0.25);
          box-shadow: 0 2px 6px rgba(95, 35, 159, 0.25);
}
.carousel-nav[data-v-c1b6cc7b]:disabled {
  opacity: 0.35;
  cursor: not-allowed;
  background: #f8fafc;
  border-color: #e5e7eb;
  color: #94a3b8;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Requisitos list - NEO FLATTEN */
.requisitos-list[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  padding: 4px 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.requisitos-list[data-v-c1b6cc7b]::-webkit-scrollbar {
  display: none;
}

/* Tarjetas de requisitos - NEO FLATTEN PRACTICAL UI */
.requisito-mini-card[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  padding: 6px 10px;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  min-width: 44px;
  min-height: 36px;
  max-height: 36px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  overflow: visible;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}
.requisito-mini-card.active[data-v-c1b6cc7b] {
  min-width: auto;
}
.tile-main-content[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.requisito-mini-card[data-v-c1b6cc7b]:hover {
  border-color: #d1d5db !important;
  background: #f8fafc !important;
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06) !important;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06) !important;
}

/* Estado activo - borde morado, fondo claro, sin degradado */
.requisito-mini-card.active[data-v-c1b6cc7b] {
  background: #faf5ff !important;
  border: 2px solid #5F239F !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transform: none !important;
          transform: none !important;
}
.requisito-mini-card.active .mini-card-title[data-v-c1b6cc7b],
.requisito-mini-card.active .mini-card-meta[data-v-c1b6cc7b] {
  color: #5F239F !important;
}
.requisito-mini-card.completed[data-v-c1b6cc7b]:not(.active) {
  border-color: rgba(95, 35, 159, 0.3);
  background: rgba(95, 35, 159, 0.04);
}

/* ESTILO PARA REQUISITOS CON ERRORES - NEO FLATTEN */
.requisito-mini-card.has-pending[data-v-c1b6cc7b]:not(.active),
.requisito-mini-card.has-error[data-v-c1b6cc7b]:not(.active) {
  border-color: rgba(249, 206, 0, 0.6);
  background: rgba(249, 206, 0, 0.06);
  -webkit-animation: pulse-warning-c1b6cc7b 2s ease-in-out infinite;
          animation: pulse-warning-c1b6cc7b 2s ease-in-out infinite;
}
.requisito-mini-card.has-warning[data-v-c1b6cc7b]:not(.active) {
  border-color: rgba(249, 206, 0, 0.5);
  background: rgba(249, 206, 0, 0.04);
}
@-webkit-keyframes pulse-warning-c1b6cc7b {
0%, 100% {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
50% {
    -webkit-box-shadow: 0 0 0 3px rgba(249, 206, 0, 0.12);
            box-shadow: 0 0 0 3px rgba(249, 206, 0, 0.12);
}
}
@keyframes pulse-warning-c1b6cc7b {
0%, 100% {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
50% {
    -webkit-box-shadow: 0 0 0 3px rgba(249, 206, 0, 0.12);
            box-shadow: 0 0 0 3px rgba(249, 206, 0, 0.12);
}
}

/* Mini card icon - NEO FLATTEN PRACTICAL UI */
.mini-card-icon[data-v-c1b6cc7b] {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f1f5f9 !important;
  border: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.requisito-mini-card.active .mini-card-icon[data-v-c1b6cc7b] {
  background: rgba(95, 35, 159, 0.1) !important;
}
.mini-card-icon i[data-v-c1b6cc7b] {
  font-size: 12px;
  color: #64748b !important;
}
.requisito-mini-card.active .mini-card-icon i[data-v-c1b6cc7b] {
  color: #5F239F !important;
}
.mini-card-info[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.file-type-badge[data-v-c1b6cc7b] {
  display: none; /* Ocultamos para compactar */
}

/* Indicador de error en tarjeta - NEO FLATTEN */
.requisito-mini-card.has-error[data-v-c1b6cc7b]:not(.active)::after,
.requisito-mini-card.has-pending[data-v-c1b6cc7b]:not(.active)::after {
  content: '!';
  position: absolute;
  top: -5px;
  right: -5px;
  width: 16px;
  height: 16px;
  background: #F9CE00;
  color: #78350f;
  font-size: 10px;
  font-weight: 700;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid white;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.requisito-mini-card.active .file-type-badge[data-v-c1b6cc7b] {
  background: rgba(255, 255, 255, 0.25);
  color: white;
}

/* File count badge - NEO FLATTEN */
.file-count[data-v-c1b6cc7b] {
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  line-height: 1;
  background: #f1f5f9;
  padding: 3px 6px;
  border-radius: 6px;
  min-width: 18px;
  text-align: center;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.requisito-mini-card.active .file-count[data-v-c1b6cc7b] {
  color: #5F239F !important;
  background: rgba(95, 35, 159, 0.1) !important;
}

/* Mini navegación de archivos DENTRO del tile - NEO FLATTEN PRACTICAL UI */
.mini-files-nav-container[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  position: relative;
  z-index: 1000;
  pointer-events: all;
  isolation: isolate;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 200px;
  padding-left: 8px;
  border-left: 1px solid rgba(95, 35, 159, 0.2) !important;
}
.mini-files-nav[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}
.mini-files-nav[data-v-c1b6cc7b]::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

/* Mini nav arrows - NEO FLATTEN PRACTICAL UI */
.mini-nav-arrow[data-v-c1b6cc7b] {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  padding: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 1002;
  pointer-events: all;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 11px !important;
  color: #64748b !important;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}
.mini-nav-arrow[data-v-c1b6cc7b]:hover {
  background: #f8fafc !important;
  border-color: #d1d5db !important;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06) !important;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06) !important;
  -webkit-transform: none !important;
          transform: none !important;
  color: #5F239F !important;
}
.mini-nav-arrow[data-v-c1b6cc7b]:active {
  -webkit-transform: scale(0.98) !important;
          transform: scale(0.98) !important;
}

/* Mini file dots - NEO FLATTEN PRACTICAL UI */
.mini-file-dot[data-v-c1b6cc7b] {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  padding: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  z-index: 1001;
  pointer-events: all;
  user-select: none;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  outline: none !important;
}
.mini-file-dot i[data-v-c1b6cc7b] {
  font-size: 14px !important;
  color: #5F239F !important;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  pointer-events: none;
}
.mini-file-dot[data-v-c1b6cc7b]:hover:not(.active) {
  background: #f8fafc !important;
  border-color: #d1d5db !important;
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06) !important;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06) !important;
}
.mini-file-dot[data-v-c1b6cc7b]:active {
  -webkit-transform: scale(0.98) !important;
          transform: scale(0.98) !important;
}

/* Estado activo - borde morado sutil, sin fondo llamativo */
.mini-file-dot.active[data-v-c1b6cc7b] {
  background: #faf5ff !important;
  border: 2px solid #5F239F !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transform: none !important;
          transform: none !important;
}
.mini-file-dot.active i[data-v-c1b6cc7b] {
  color: #5F239F !important;
}

/* Mini file dots DENTRO de card activa (fondo claro lavanda) */
.requisito-mini-card.active .mini-file-dot[data-v-c1b6cc7b] {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
}
.requisito-mini-card.active .mini-file-dot i[data-v-c1b6cc7b] {
  color: #64748b !important;
}
.requisito-mini-card.active .mini-file-dot i.ti-file-type-pdf[data-v-c1b6cc7b] {
  color: #ef4444 !important;
}
.requisito-mini-card.active .mini-file-dot i.ti-photo[data-v-c1b6cc7b] {
  color: #06b6d4 !important;
}
.requisito-mini-card.active .mini-file-dot.active[data-v-c1b6cc7b] {
  background: #faf5ff !important;
  border: 2px solid #5F239F !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.requisito-mini-card.active .mini-file-dot.active i[data-v-c1b6cc7b] {
  color: #5F239F !important;
}

/* Animación de rotación para el loader */
@-webkit-keyframes rotate-c1b6cc7b {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes rotate-c1b6cc7b {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.rotate-animation[data-v-c1b6cc7b] {
  -webkit-animation: rotate-c1b6cc7b 1s linear infinite;
          animation: rotate-c1b6cc7b 1s linear infinite;
}

/* Loading overlay para imágenes */
.image-loading-overlay[data-v-c1b6cc7b] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.95);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1000;
}
.spinner-container[data-v-c1b6cc7b] {
  text-align: center;
}
.spinner-icon[data-v-c1b6cc7b] {
  font-size: 3rem;
  color: #5F239F;
  -webkit-animation: rotate-c1b6cc7b 1s linear infinite;
          animation: rotate-c1b6cc7b 1s linear infinite;
  display: block;
  margin: 0 auto 1rem;
}
.loading-text[data-v-c1b6cc7b] {
  color: #6c757d;
  font-size: 0.95rem;
  margin: 0;
  font-weight: 500;
}

/* Estilos para el visor de PDF con PDF.js */
.pdfjs-viewer-wrapper[data-v-c1b6cc7b] {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #525659;
  overflow: hidden;
}
.pdfjs-viewer-wrapper[data-v-c1b6cc7b] .pdf-viewer-wrapper {
  height: 100%;
}
.pdfjs-viewer-wrapper[data-v-c1b6cc7b] .pdf-canvas-container {
  padding: 10px;
}

/* Fullscreen styles para PDF */
.pdf-container[data-v-c1b6cc7b]:-webkit-full-screen {
  background: #525659;
  padding: 0;
}
.pdf-container[data-v-c1b6cc7b]:-ms-fullscreen {
  background: #525659;
  padding: 0;
}
.pdf-container[data-v-c1b6cc7b]:fullscreen {
  background: #525659;
  padding: 0;
}
.pdf-container[data-v-c1b6cc7b]:-webkit-full-screen {
  background: #525659;
  padding: 0;
}
.pdf-container[data-v-c1b6cc7b]:-ms-fullscreen {
  background: #525659;
  padding: 0;
}
.pdf-container:-webkit-full-screen .pdf-iframe[data-v-c1b6cc7b] {
  width: 100%;
  height: 100%;
}
.pdf-container:fullscreen .pdf-iframe[data-v-c1b6cc7b],
.pdf-container:-webkit-full-screen .pdf-iframe[data-v-c1b6cc7b],
.pdf-container:-moz-full-screen .pdf-iframe[data-v-c1b6cc7b],
.pdf-container:-ms-fullscreen .pdf-iframe[data-v-c1b6cc7b] {
  width: 100%;
  height: 100%;
}

/* ========== ESTILOS VALIDACION - NEO FLATTEN ========== */
/* Paleta Neonet: Morado #5F239F, Amarillo #F9CE00 */
.btn-ai-validate[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: #f8f5fc;
  color: #5F239F;
  border: 1px solid #e9d5ff;
  border-radius: 10px;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  position: relative;
  -webkit-box-shadow: 0 1px 2px rgba(95, 35, 159, 0.05);
          box-shadow: 0 1px 2px rgba(95, 35, 159, 0.05);
}
.btn-ai-validate[data-v-c1b6cc7b]:hover:not(:disabled) {
  background: #5F239F;
  color: white;
  border-color: #5F239F;
  -webkit-box-shadow: 0 2px 8px rgba(95, 35, 159, 0.25);
          box-shadow: 0 2px 8px rgba(95, 35, 159, 0.25);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.btn-ai-validate[data-v-c1b6cc7b]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-ai-validate.has-result[data-v-c1b6cc7b] {
  background: #5F239F;
  color: white;
  border-color: #5F239F;
}
.btn-ai-validate .ai-status-dot[data-v-c1b6cc7b] {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid white;
}
.btn-ai-validate .ai-status-dot.success[data-v-c1b6cc7b] { background: #5F239F;
}
.btn-ai-validate .ai-status-dot.warning[data-v-c1b6cc7b] { background: #F9CE00;
}
.btn-ai-validate .ai-status-dot.error[data-v-c1b6cc7b] { background: #E5B800;
}
.btn-ai-result[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  border: none;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.btn-ai-result.status-success[data-v-c1b6cc7b] {
  background: rgba(95, 35, 159, 0.15);
  color: #4A1A7A;
}
.btn-ai-result.status-warning[data-v-c1b6cc7b] {
  background: rgba(249, 206, 0, 0.15);
  color: #E5B800;
}
.btn-ai-result.status-error[data-v-c1b6cc7b] {
  background: rgba(229, 184, 0, 0.15);
  color: #92400e;
}
.btn-ai-result[data-v-c1b6cc7b]:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

/* Boton Ver Analisis en header - NEO FLATTEN */
.btn-ai-analysis-header[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.875rem;
  background: #fffbeb;
  color: #b45309;
  border: 1px solid #fde68a;
  border-radius: 10px;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  position: relative;
  -webkit-box-shadow: 0 1px 2px rgba(249, 206, 0, 0.08);
          box-shadow: 0 1px 2px rgba(249, 206, 0, 0.08);
}
.btn-ai-analysis-header[data-v-c1b6cc7b]:hover {
  background: #F9CE00;
  color: white;
  border-color: #F9CE00;
  -webkit-box-shadow: 0 2px 8px rgba(249, 206, 0, 0.3);
          box-shadow: 0 2px 8px rgba(249, 206, 0, 0.3);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.btn-ai-analysis-header.has-errors[data-v-c1b6cc7b] {
  background: #fef3c7;
  color: #b45309;
  border-color: #f59e0b;
}
.btn-ai-analysis-header.has-warnings[data-v-c1b6cc7b] {
  background: #fef3c7;
  color: #b45309;
  border-color: #fbbf24;
}
.btn-ai-analysis-header.all-good[data-v-c1b6cc7b] {
  background: #f8f5fc;
  color: #5F239F;
  border-color: #e9d5ff;
}
.btn-ai-analysis-header i[data-v-c1b6cc7b] {
  font-size: 1rem;
}
.analysis-badges-mini[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  margin-left: 2px;
}
.badge-mini[data-v-c1b6cc7b] {
  font-size: 0.6rem;
  font-weight: 700;
  padding: 1px 4px;
  border-radius: 6px;
  color: white;
  line-height: 1.2;
}
.badge-mini.error[data-v-c1b6cc7b] {
  background: #E5B800;
}
.badge-mini.warning[data-v-c1b6cc7b] {
  background: #F9CE00;
}
.badge-mini.rule[data-v-c1b6cc7b] {
  background: #4A1A7A;
}
.analysis-badges-tiny[data-v-c1b6cc7b] {
  position: absolute;
  top: -2px;
  right: -2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
}
.badge-dot[data-v-c1b6cc7b] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1.5px solid white;
}
.badge-dot.error[data-v-c1b6cc7b] {
  background: #ef4444;
}
.badge-dot.warning[data-v-c1b6cc7b] {
  background: #f59e0b;
}
.external-links-dropdown-compact[data-v-c1b6cc7b] {
  position: relative;
}

/* Panel de validacion AI */
.ai-validation-panel-overlay[data-v-c1b6cc7b] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 420px;
  max-width: 100%;
  background: white;
  -webkit-box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
          box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

/* Responsive para el panel de validacion */
@media (max-width: 1200px) {
.ai-validation-panel-overlay[data-v-c1b6cc7b] {
    width: 380px;
}
}
@media (max-width: 992px) {
.ai-validation-panel-overlay[data-v-c1b6cc7b] {
    width: 350px;
}
}
@media (max-width: 768px) {
.ai-validation-panel-overlay[data-v-c1b6cc7b] {
    width: 100%;
    max-width: 100%;
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70vh;
    border-radius: 16px 16px 0 0;
    -webkit-box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
            box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
}
}
@media (max-width: 480px) {
.ai-validation-panel-overlay[data-v-c1b6cc7b] {
    height: 80vh;
}
}
.ai-validation-panel-container[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  overflow: hidden;
  overflow-x: hidden;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ai-validation-panel-container .panel-header[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #e2e8f0;
  background: #f8fafc;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ai-validation-panel-container .panel-header h5[data-v-c1b6cc7b] {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
  color: #1e293b;
}
.btn-close-panel[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  color: #64748b;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn-close-panel[data-v-c1b6cc7b]:hover {
  background: #e2e8f0;
  color: #1e293b;
}

/* Contenido del panel */
.ai-validation-panel-container .panel-content[data-v-c1b6cc7b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
}

/* Transicion del panel */
.slide-panel-enter-active[data-v-c1b6cc7b],
.slide-panel-leave-active[data-v-c1b6cc7b] {
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
}
.slide-panel-enter-from[data-v-c1b6cc7b],
.slide-panel-leave-to[data-v-c1b6cc7b] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 0;
}

/* Responsive del panel en mobile */
@media (max-width: 768px) {
.slide-panel-enter-from[data-v-c1b6cc7b],
  .slide-panel-leave-to[data-v-c1b6cc7b] {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
}
.ai-validation-panel-container .panel-header[data-v-c1b6cc7b] {
    padding: 0.75rem;
}
.ai-validation-panel-container .panel-header h5[data-v-c1b6cc7b] {
    font-size: 0.85rem;
}
}

/* Spin animation */
@keyframes spin-c1b6cc7b {
from { -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
.spin[data-v-c1b6cc7b] {
  -webkit-animation: spin-c1b6cc7b 1s linear infinite;
          animation: spin-c1b6cc7b 1s linear infinite;
}

/* ========================================
   FEEDBACK AI INLINE EN CADA CAMPO
   ======================================== */
.ai-field-feedback[data-v-c1b6cc7b] {
  margin-top: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  border-left: 3px solid #94a3b8;
  background: #f8fafc;
  font-size: 0.75rem;
}
.ai-field-feedback.feedback-success[data-v-c1b6cc7b] {
  border-left-color: #5F239F;
  background: rgba(95, 35, 159, 0.08);
}
.ai-field-feedback.feedback-warning[data-v-c1b6cc7b] {
  border-left-color: #F9CE00;
  background: rgba(249, 206, 0, 0.08);
}
.ai-field-feedback.feedback-error[data-v-c1b6cc7b] {
  border-left-color: #E5B800;
  background: rgba(229, 184, 0, 0.08);
}
.ai-field-feedback.feedback-pending[data-v-c1b6cc7b] {
  border-left-color: #94a3b8;
  background: rgba(148, 163, 184, 0.08);
}
.feedback-header[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.feedback-header i[data-v-c1b6cc7b] {
  font-size: 0.875rem;
}
.feedback-match[data-v-c1b6cc7b] {
  font-weight: 700;
  padding: 1px 6px;
  border-radius: 10px;
  font-size: 0.65rem;
}
.feedback-success .feedback-match[data-v-c1b6cc7b] {
  background: #5F239F;
  color: white;
}
.feedback-warning .feedback-match[data-v-c1b6cc7b] {
  background: #F9CE00;
  color: white;
}
.feedback-error .feedback-match[data-v-c1b6cc7b] {
  background: #E5B800;
  color: white;
}
.feedback-status[data-v-c1b6cc7b] {
  font-weight: 600;
  color: #1e293b;
}
.feedback-body[data-v-c1b6cc7b] {
  padding-left: 1.375rem;
}
.feedback-ocr[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
  padding: 0.25rem 0.5rem;
  background: rgba(95, 35, 159, 0.08);
  border-radius: 4px;
}
.ocr-label[data-v-c1b6cc7b] {
  color: #5F239F;
  font-weight: 500;
  font-size: 0.65rem;
}
.ocr-value[data-v-c1b6cc7b] {
  color: #1e293b;
  font-weight: 600;
  font-family: monospace;
  font-size: 0.7rem;
}
.feedback-message[data-v-c1b6cc7b] {
  color: #64748b;
  font-size: 0.7rem;
  line-height: 1.4;
}
.feedback-suggestion[data-v-c1b6cc7b] {
  margin-top: 0.375rem;
}
.btn-apply-suggestion[data-v-c1b6cc7b] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.625rem;
  font-size: 0.65rem;
  font-weight: 600;
  color: white;
  background: #5F239F;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn-apply-suggestion[data-v-c1b6cc7b]:hover {
  background: #4A1A7A;
  -webkit-box-shadow: 0 2px 8px rgba(95, 35, 159, 0.4);
          box-shadow: 0 2px 8px rgba(95, 35, 159, 0.4);
}
.btn-apply-suggestion i[data-v-c1b6cc7b] {
  font-size: 0.75rem;
}

/* Secciones especiales de validacion (firmas, paginas) */
.special-validations-section[data-v-c1b6cc7b] {
  margin-top: 1rem;
  padding: 0.75rem;
  background: #f8fafc;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
}
.special-validation-item[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem;
  border-radius: 6px;
  margin-bottom: 0.5rem;
}
.special-validation-item[data-v-c1b6cc7b]:last-child {
  margin-bottom: 0;
}
.special-validation-item.status-success[data-v-c1b6cc7b] {
  background: rgba(95, 35, 159, 0.1);
}
.special-validation-item.status-warning[data-v-c1b6cc7b] {
  background: rgba(249, 206, 0, 0.1);
}
.special-validation-item.status-error[data-v-c1b6cc7b] {
  background: rgba(229, 184, 0, 0.1);
}
.special-icon[data-v-c1b6cc7b] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.special-icon.icon-signature[data-v-c1b6cc7b] {
  background: #5F239F;
  color: white;
}
.special-icon.icon-pages[data-v-c1b6cc7b] {
  background: #F9CE00;
  color: white;
}
.special-content[data-v-c1b6cc7b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.special-title[data-v-c1b6cc7b] {
  font-weight: 600;
  font-size: 0.75rem;
  color: #1e293b;
  margin-bottom: 0.125rem;
}
.special-message[data-v-c1b6cc7b] {
  font-size: 0.7rem;
  color: #64748b;
  line-height: 1.4;
}
.special-match[data-v-c1b6cc7b] {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.special-match.match-high[data-v-c1b6cc7b] {
  background: #5F239F;
  color: white;
}
.special-match.match-medium[data-v-c1b6cc7b] {
  background: #F9CE00;
  color: white;
}
.special-match.match-low[data-v-c1b6cc7b] {
  background: #E5B800;
  color: white;
}

/* ========================================
   VALIDACIONES CRUZADAS
   ======================================== */
.cross-validations-section[data-v-c1b6cc7b],
.business-rules-section[data-v-c1b6cc7b] {
  margin-top: 1rem;
  padding: 0.75rem;
  background: #f8fafc;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
}
.section-header[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #475569;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e2e8f0;
}
.section-header i[data-v-c1b6cc7b] {
  font-size: 1rem;
  color: #5F239F;
}
.cross-validation-item[data-v-c1b6cc7b],
.business-rule-item[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem;
  border-radius: 6px;
  background: white;
  margin-bottom: 0.5rem;
  border-left: 3px solid #94a3b8;
}
.cross-validation-item[data-v-c1b6cc7b]:last-child,
.business-rule-item[data-v-c1b6cc7b]:last-child {
  margin-bottom: 0;
}
.cross-validation-item.status-error[data-v-c1b6cc7b],
.business-rule-item.status-error[data-v-c1b6cc7b] {
  border-left-color: #E5B800;
  background: rgba(229, 184, 0, 0.08);
}
.cross-validation-item.status-warning[data-v-c1b6cc7b],
.business-rule-item.status-warning[data-v-c1b6cc7b] {
  border-left-color: #F9CE00;
  background: rgba(249, 206, 0, 0.08);
}
.cross-validation-item.status-success[data-v-c1b6cc7b],
.business-rule-item.status-success[data-v-c1b6cc7b] {
  border-left-color: #5F239F;
  background: rgba(95, 35, 159, 0.08);
}
.cv-icon[data-v-c1b6cc7b],
.br-icon[data-v-c1b6cc7b] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1rem;
}
.status-error .cv-icon[data-v-c1b6cc7b],
.status-error .br-icon[data-v-c1b6cc7b] {
  color: #E5B800;
}
.status-warning .cv-icon[data-v-c1b6cc7b],
.status-warning .br-icon[data-v-c1b6cc7b] {
  color: #F9CE00;
}
.status-success .cv-icon[data-v-c1b6cc7b],
.status-success .br-icon[data-v-c1b6cc7b] {
  color: #5F239F;
}
.cv-content[data-v-c1b6cc7b],
.br-content[data-v-c1b6cc7b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.cv-title[data-v-c1b6cc7b],
.br-title[data-v-c1b6cc7b] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 0.125rem;
}
.cv-message[data-v-c1b6cc7b],
.br-message[data-v-c1b6cc7b] {
  font-size: 0.7rem;
  color: #64748b;
  line-height: 1.3;
}
.cv-values[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.375rem;
}
.cv-value-chip[data-v-c1b6cc7b] {
  font-size: 0.65rem;
  padding: 0.125rem 0.375rem;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  color: #475569;
}
.cv-value-chip strong[data-v-c1b6cc7b] {
  color: #1e293b;
}
.cv-match[data-v-c1b6cc7b] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 0.65rem;
  font-weight: 600;
  padding: 0.125rem 0.375rem;
  border-radius: 4px;
  background: #5F239F;
  color: white;
}
.cv-match.match-low[data-v-c1b6cc7b] {
  background: #E5B800;
}
.br-blocking-badge[data-v-c1b6cc7b] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  font-size: 0.6rem;
  font-weight: 600;
  padding: 0.125rem 0.375rem;
  background: #E5B800;
  color: white;
  border-radius: 4px;
}
.br-blocking-badge i[data-v-c1b6cc7b] {
  font-size: 0.7rem;
}

/* ========================================
   BOTON ANALISIS IA
   ======================================== */
.ai-analysis-button-section[data-v-c1b6cc7b] {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e2e8f0;
}
.btn-ai-analysis[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.75rem 1rem;
  background: #5F239F;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn-ai-analysis[data-v-c1b6cc7b]:hover {
  background: #4A1A7A;
  -webkit-box-shadow: 0 4px 12px rgba(95, 35, 159, 0.3);
          box-shadow: 0 4px 12px rgba(95, 35, 159, 0.3);
}
.btn-ai-analysis.has-errors[data-v-c1b6cc7b] {
  background: #E5B800;
}
.btn-ai-analysis.has-warnings[data-v-c1b6cc7b] {
  background: #F9CE00;
}
.btn-ai-analysis.all-ok[data-v-c1b6cc7b] {
  background: #5F239F;
}
.btn-ai-analysis i[data-v-c1b6cc7b]:first-child {
  font-size: 1.25rem;
}
.btn-ai-analysis span[data-v-c1b6cc7b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
}
.ai-analysis-badges[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
}
.ai-analysis-badges span[data-v-c1b6cc7b] {
  padding: 0.125rem 0.375rem;
  border-radius: 10px;
  font-size: 0.65rem;
  font-weight: 700;
}
.badge-error[data-v-c1b6cc7b] {
  background: rgba(255, 255, 255, 0.9);
  color: #E5B800;
}
.badge-warning[data-v-c1b6cc7b] {
  background: rgba(255, 255, 255, 0.9);
  color: #F9CE00;
}
.badge-rule-error[data-v-c1b6cc7b] {
  background: rgba(255, 255, 255, 0.9);
  color: #E5B800;
}

/* ========================================
   MODAL ANALISIS IA - NEO FLATTEN
   ======================================== */
.ai-modal-overlay[data-v-c1b6cc7b] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(15, 23, 42, 0.4);
  backdrop-filter: blur(4px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 999999;
  padding: 0;
  overflow: auto;
}
.ai-modal-container[data-v-c1b6cc7b] {
  background: #ffffff;
  border-radius: 0;
  -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
  border: none;
  width: 100%;
  max-width: 100vw;
  height: auto;
  max-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.ai-modal-header[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 16px;
  background: #f8fafc;
  border-bottom: 1px solid #e5e7eb;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ai-modal-title[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #334155;
  letter-spacing: -0.01em;
}
.ai-modal-title i[data-v-c1b6cc7b] {
  font-size: 18px;
  color: #5F249F;
  opacity: 0.8;
}
.ai-modal-close[data-v-c1b6cc7b] {
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  color: #64748b;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.ai-modal-close[data-v-c1b6cc7b]:hover {
  background: #e2e8f0;
  color: #334155;
}
.ai-modal-body {
&[data-v-c1b6cc7b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 12px 14px;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  -ms-flex-line-pack: start;
      align-content: start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;

  /* Neo Flatten Scrollbar */
  }
&[data-v-c1b6cc7b]::-webkit-scrollbar {
    width: 5px;
}
&[data-v-c1b6cc7b]::-webkit-scrollbar-track {
    background: transparent;
}
&[data-v-c1b6cc7b]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}
&[data-v-c1b6cc7b]::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}
}
.ai-modal-footer[data-v-c1b6cc7b] {
  padding: 10px 16px;
  background: #f8fafc;
  border-top: 1px solid #e5e7eb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* Resumen - Neo Flatten */
.ai-summary-card[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding: 12px 14px;
  background: linear-gradient(135deg, #faf5ff 0%, #f5f3ff 100%);
  border-radius: 8px;
  border: 2px solid #e9d5ff;
  grid-column: 1 / -1;
}

/* Destaque de palabras clave */
.keyword-highlight[data-v-c1b6cc7b] {
  background: linear-gradient(120deg, #F9CE00 0%, #fde68a 100%);
  color: #78350f;
  padding: 3px 6px;
  border-radius: 4px;
  font-weight: 700;
  -webkit-box-shadow: 0 2px 6px rgba(249, 206, 0, 0.4);
          box-shadow: 0 2px 6px rgba(249, 206, 0, 0.4);
}
.ai-summary-card i[data-v-c1b6cc7b] {
  color: #5F239F;
  font-size: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  opacity: 0.9;
}
.ai-summary-card p[data-v-c1b6cc7b] {
  margin: 0;
  font-size: 13px;
  color: #475569;
  line-height: 1.5;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* Secciones - Neo Flatten - Card Style */
.ai-section[data-v-c1b6cc7b] {
  background: #ffffff;
  border: 2px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px 16px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -ms-flex-preferred-size: calc(50% - 6px);
      flex-basis: calc(50% - 6px);
  width: 100%;
  min-width: 0;
}
.ai-section[data-v-c1b6cc7b]:hover {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-color: #d1d5db;
}
.ai-section-header[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 0 0 8px 0;
  border-bottom: 2px solid #f1f5f9;
  margin-bottom: 10px;
}
.ai-section-header i[data-v-c1b6cc7b] {
  color: #5F239F;
  font-size: 18px;
  opacity: 0.95;
}
.ai-section-header span[data-v-c1b6cc7b]:first-of-type {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 13px;
  font-weight: 700;
  color: #334155;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.ai-section-count[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #5F239F 0%, #8B5CF6 100%);
  color: #ffffff;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 700;
  border: none;
}

/* Items de validación - Neo Flatten */
.ai-validation-item[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  background: #f9fafb;
  border-radius: 10px;
  margin-bottom: 10px;
  border: 2px solid #e5e7eb;
  border-left: 6px solid #94a3b8;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.ai-validation-item[data-v-c1b6cc7b]:hover {
  background: #ffffff;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.ai-validation-item.status-error[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #fef2f2 0%, #fef3c7 100%);
  border-color: #fee2e2;
  border-left-color: #dc2626;
  -webkit-box-shadow: 0 2px 8px rgba(220, 38, 38, 0.1);
          box-shadow: 0 2px 8px rgba(220, 38, 38, 0.1);
}
.ai-validation-item.status-error[data-v-c1b6cc7b]:hover {
  -webkit-box-shadow: 0 6px 12px rgba(220, 38, 38, 0.15);
          box-shadow: 0 6px 12px rgba(220, 38, 38, 0.15);
}
.ai-validation-item.status-warning[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  border-color: #fcd34d;
  border-left-color: #d97706;
  -webkit-box-shadow: 0 2px 8px rgba(217, 119, 6, 0.1);
          box-shadow: 0 2px 8px rgba(217, 119, 6, 0.1);
}
.ai-validation-item.status-warning[data-v-c1b6cc7b]:hover {
  -webkit-box-shadow: 0 6px 12px rgba(217, 119, 6, 0.15);
          box-shadow: 0 6px 12px rgba(217, 119, 6, 0.15);
}
.ai-validation-item.status-success[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #f5f3ff 0%, #faf5ff 100%);
  border-color: #e9d5ff;
  border-left-color: #7c3aed;
  -webkit-box-shadow: 0 2px 8px rgba(124, 58, 237, 0.1);
          box-shadow: 0 2px 8px rgba(124, 58, 237, 0.1);
}
.ai-validation-item.status-success[data-v-c1b6cc7b]:hover {
  -webkit-box-shadow: 0 6px 12px rgba(124, 58, 237, 0.15);
          box-shadow: 0 6px 12px rgba(124, 58, 237, 0.15);
}
.item-icon[data-v-c1b6cc7b] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 18px;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background: #f8fafc;
  border: 2px solid #e5e7eb;
}
.ai-validation-item.status-success .item-icon[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #e0e7ff 0%, #f5f3ff 100%);
  color: #5F239F;
  border-color: #c7d2fe;
}
.ai-validation-item.status-warning .item-icon[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #fef3c7 0%, #fef08a 100%);
  color: #d97706;
  border-color: #fcd34d;
}
.ai-validation-item.status-error .item-icon[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
  color: #ef4444;
  border-color: #fca5a5;
}
.item-content[data-v-c1b6cc7b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.item-header[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.item-field[data-v-c1b6cc7b] {
  font-size: 13px;
  font-weight: 700;
  color: #334155;
}
.blocking-badge[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  padding: 1px 4px;
  background: #F9CE00;
  color: #78350f;
  border-radius: 3px;
  font-size: 7px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.popover-content[data-v-c1b6cc7b] {
  padding: 8px 0;
}
.popover-content p[data-v-c1b6cc7b] {
  margin: 6px 0;
  font-size: 12px;
  color: #475569;
  line-height: 1.5;
}
.popover-content strong[data-v-c1b6cc7b] {
  color: #1e293b;
  font-weight: 600;
}
.item-message[data-v-c1b6cc7b] {
  margin: 0 0 6px 0;
  font-size: 12px;
  color: #64748b;
  line-height: 1.4;
}
.item-details[data-v-c1b6cc7b] {
  margin: 0;
  font-size: 8px;
  color: #94a3b8;
}
.item-values[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 6px;
}
.value-chip[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: linear-gradient(135deg, #f0f4f8 0%, #f8fafc 100%);
  border: 2px solid #cbd5e1;
  border-radius: 8px;
  font-size: 12px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.value-chip[data-v-c1b6cc7b]:hover {
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  border-color: #94a3b8;
  background: linear-gradient(135deg, #e0e7f1 0%, #f0f4f8 100%);
}
.value-chip i[data-v-c1b6cc7b] {
  color: #5F239F;
  font-size: 16px;
  opacity: 0.85;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.chip-label[data-v-c1b6cc7b] {
  color: #64748b;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  opacity: 0.8;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.chip-value[data-v-c1b6cc7b] {
  color: #1e293b;
  font-weight: 800;
  font-size: 13px;
  padding: 4px 8px;
  background: #ffffff;
  border-radius: 4px;
  border-left: 3px solid #5F239F;
  padding-left: 10px;
}

/* Estilos para remarcar diferencias entre documentos */
.value-chip.has-difference[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  border-color: #fca5a5;
  -webkit-box-shadow: 0 2px 6px rgba(239, 68, 68, 0.1);
          box-shadow: 0 2px 6px rgba(239, 68, 68, 0.1);
}
.value-chip.has-difference[data-v-c1b6cc7b]:hover {
  -webkit-box-shadow: 0 4px 10px rgba(239, 68, 68, 0.15);
          box-shadow: 0 4px 10px rgba(239, 68, 68, 0.15);
  border-color: #f87171;
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
}
.value-chip.has-difference .chip-value[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #ffecec 0%, #fff5f5 100%);
  border-left-color: #ef4444;
  color: #991b1b;
}
.value-chip.has-difference i[data-v-c1b6cc7b] {
  color: #ef4444;
  opacity: 1;
}

/* Estilos para valores coincidentes */
.value-chip.is-match[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #f0fdf4 0%, #f1fdf5 100%);
  border-color: #86efac;
  -webkit-box-shadow: 0 2px 6px rgba(34, 197, 94, 0.1);
          box-shadow: 0 2px 6px rgba(34, 197, 94, 0.1);
}
.value-chip.is-match[data-v-c1b6cc7b]:hover {
  -webkit-box-shadow: 0 4px 10px rgba(34, 197, 94, 0.15);
          box-shadow: 0 4px 10px rgba(34, 197, 94, 0.15);
  border-color: #4ade80;
  background: linear-gradient(135deg, #dbeafe 0%, #e0f2fe 100%);
}
.value-chip.is-match .chip-value[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #f7fee7 0%, #fefce8 100%);
  border-left-color: #22c55e;
  color: #166534;
}
.value-chip.is-match i[data-v-c1b6cc7b] {
  color: #22c55e;
  opacity: 1;
}

/* Usar morado oficial en lugar de verde */
.item-suggestion[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 10px;
  color: #5F239F;
  font-weight: 500;
}
.item-suggestion i[data-v-c1b6cc7b] {
  color: #F9CE00;
}
.item-match[data-v-c1b6cc7b] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 3px 8px;
  background: #5F239F;
  color: white;
  border-radius: 10px;
  font-size: 9px;
  font-weight: 600;
}
.item-match.low[data-v-c1b6cc7b] {
  background: #F9CE00;
  color: #78350f;
}

/* Estado vacío - Neo Flatten */
.ai-empty-state[data-v-c1b6cc7b] {
  text-align: center;
  padding: 20px 16px;
  color: #64748b;
  background: #fafafa;
  border-radius: 8px;
  border: 1px dashed #e5e7eb;
  grid-column: 1 / -1;
}
.ai-empty-state i[data-v-c1b6cc7b] {
  font-size: 28px;
  color: #5F239F;
  opacity: 0.6;
  margin-bottom: 8px;
  display: block;
}
.ai-empty-state p[data-v-c1b6cc7b] {
  margin: 0;
  font-size: 11px;
}

/* Botón Cerrar - Neo Flatten */
.neo-btn-close[data-v-c1b6cc7b] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6px 16px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #475569;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.neo-btn-close[data-v-c1b6cc7b]:hover {
  background: #e2e8f0;
  color: #334155;
}

/* Transición del modal */
.modal-fade-enter-active[data-v-c1b6cc7b],
.modal-fade-leave-active[data-v-c1b6cc7b] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.modal-fade-enter-from[data-v-c1b6cc7b],
.modal-fade-leave-to[data-v-c1b6cc7b] {
  opacity: 0;
}
.modal-fade-enter-from .ai-modal-container[data-v-c1b6cc7b],
.modal-fade-leave-to .ai-modal-container[data-v-c1b6cc7b] {
  -webkit-transform: scale(0.95) translateY(20px);
          transform: scale(0.95) translateY(20px);
}

/* ===== VERIFICACIÓN EN PORTALES OFICIALES ===== */
.verification-section[data-v-c1b6cc7b] {
  border-color: #5F239F !important;
}
.verification-section .ai-section-header[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #5F239F 0%, #7c3aed 100%);
  color: white;
}
.verification-section .ai-section-header i[data-v-c1b6cc7b] {
  color: white;
}
.verification-section .ai-section-count[data-v-c1b6cc7b] {
  background: rgba(255, 255, 255, 0.2);
  color: white;
}
.verification-links-grid[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  padding: 4px 0;
}
.verification-card[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: white;
  border: 2px solid #e2e8f0;
  border-radius: 10px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
  width: 100%;
  min-width: 0;
  -ms-flex-preferred-size: calc(50% - 6px);
      flex-basis: calc(50% - 6px);
}
.verification-card[data-v-c1b6cc7b]:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  text-decoration: none;
}

/* Card SAT (Facturas FEL) */
.verification-card.card-sat[data-v-c1b6cc7b] {
  border-color: #0369a1;
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
}
.verification-card.card-sat[data-v-c1b6cc7b]:hover {
  border-color: #0284c7;
  -webkit-box-shadow: 0 8px 25px rgba(3, 105, 161, 0.25);
          box-shadow: 0 8px 25px rgba(3, 105, 161, 0.25);
}
.verification-card.card-sat .card-icon[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #0369a1 0%, #0284c7 100%);
}

/* Card Registro Mercantil (Patentes, Representación Legal) */
.verification-card.card-registro-mercantil[data-v-c1b6cc7b] {
  border-color: #059669;
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
}
.verification-card.card-registro-mercantil[data-v-c1b6cc7b]:hover {
  border-color: #10b981;
  -webkit-box-shadow: 0 8px 25px rgba(5, 150, 105, 0.25);
          box-shadow: 0 8px 25px rgba(5, 150, 105, 0.25);
}
.verification-card.card-registro-mercantil .card-icon[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%);
}

/* Card RTU y SAT-RTU */
.verification-card.card-rtu[data-v-c1b6cc7b],
.verification-card.card-sat-rtu[data-v-c1b6cc7b] {
  border-color: #d97706;
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
}
.verification-card.card-rtu[data-v-c1b6cc7b]:hover,
.verification-card.card-sat-rtu[data-v-c1b6cc7b]:hover {
  border-color: #f59e0b;
  -webkit-box-shadow: 0 8px 25px rgba(217, 119, 6, 0.25);
          box-shadow: 0 8px 25px rgba(217, 119, 6, 0.25);
}
.verification-card.card-rtu .card-icon[data-v-c1b6cc7b],
.verification-card.card-sat-rtu .card-icon[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
}

/* Elementos de la card */
.verification-card .card-icon[data-v-c1b6cc7b] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(135deg, #5F239F 0%, #7c3aed 100%);
}
.verification-card .card-icon i[data-v-c1b6cc7b] {
  font-size: 18px;
  color: white;
}
.verification-card .card-content[data-v-c1b6cc7b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.verification-card .card-title[data-v-c1b6cc7b] {
  font-weight: 600;
  font-size: 11px;
  color: #1e293b;
  margin-bottom: 2px;
  line-height: 1.2;
}
.verification-card .card-subtitle[data-v-c1b6cc7b] {
  font-size: 10px;
  color: #64748b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.verification-card .card-action[data-v-c1b6cc7b] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.verification-card .card-action i[data-v-c1b6cc7b] {
  font-size: 14px;
  color: #64748b;
}
.verification-card:hover .card-action[data-v-c1b6cc7b] {
  background: rgba(0, 0, 0, 0.1);
}
.verification-card:hover .card-action i[data-v-c1b6cc7b] {
  color: #1e293b;
}

/* Hint de verificación */
.verification-hint[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 6px;
  margin: 6px 0 0 0;
  padding: 6px 8px;
  background: #f0f4f8;
  border-radius: 6px;
  font-size: 10px;
  color: #64748b;
  line-height: 1.3;
  grid-column: 1 / -1;
}
.verification-hint i[data-v-c1b6cc7b] {
  color: #5F239F;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 12px;
  margin-top: 1px;
}

/* ===== DROPDOWN DE LINKS EXTERNOS EN HEADER ===== */
.external-links-dropdown[data-v-c1b6cc7b] {
  position: relative;
}
.btn-external-links[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: linear-gradient(135deg, #059669 0%, #10b981 100%);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.btn-external-links[data-v-c1b6cc7b]:hover {
  background: linear-gradient(135deg, #047857 0%, #059669 100%);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 12px rgba(5, 150, 105, 0.3);
          box-shadow: 0 4px 12px rgba(5, 150, 105, 0.3);
}
.btn-external-links i[data-v-c1b6cc7b] {
  font-size: 1rem;
}
.btn-external-links .links-count[data-v-c1b6cc7b] {
  background: rgba(255, 255, 255, 0.25);
  padding: 0.15rem 0.5rem;
  border-radius: 10px;
  font-size: 0.75rem;
  font-weight: 600;
}
.btn-external-links .ti-chevron-down[data-v-c1b6cc7b] {
  font-size: 0.8rem;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.btn-external-links .ti-chevron-down.rotated[data-v-c1b6cc7b] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/* Menu desplegable */
.external-links-menu[data-v-c1b6cc7b] {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 320px;
  background: white;
  border-radius: 12px;
  -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  overflow: hidden;
  border: 1px solid #e2e8f0;
}
.external-links-menu .menu-header[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.25rem;
  background: linear-gradient(135deg, #5F239F 0%, #7c3aed 100%);
  color: white;
  font-weight: 600;
  font-size: 0.9rem;
}
.external-links-menu .menu-header i[data-v-c1b6cc7b] {
  font-size: 1.1rem;
}

/* Items del menu */
.external-link-item[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  padding: 0.85rem 1.25rem;
  text-decoration: none;
  border-bottom: 1px solid #f1f5f9;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  cursor: pointer;
}
.external-link-item[data-v-c1b6cc7b]:last-child {
  border-bottom: none;
}
.external-link-item[data-v-c1b6cc7b]:hover {
  background: #f8fafc;
  text-decoration: none;
}
.external-link-item .link-icon[data-v-c1b6cc7b] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f1f5f9;
}
.external-link-item .link-icon i[data-v-c1b6cc7b] {
  font-size: 1.2rem;
  color: #64748b;
}
.external-link-item .link-info[data-v-c1b6cc7b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.external-link-item .link-label[data-v-c1b6cc7b] {
  display: block;
  font-weight: 600;
  font-size: 0.85rem;
  color: #1e293b;
  margin-bottom: 0.15rem;
}
.external-link-item .link-doc[data-v-c1b6cc7b] {
  display: block;
  font-size: 0.75rem;
  color: #64748b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.external-link-item .link-arrow[data-v-c1b6cc7b] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 1rem;
  color: #94a3b8;
  -webkit-transition: -webkit-transform 0.15s ease;
  transition: -webkit-transform 0.15s ease;
  transition: transform 0.15s ease;
  transition: transform 0.15s ease, -webkit-transform 0.15s ease;
}
.external-link-item:hover .link-arrow[data-v-c1b6cc7b] {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
  color: #5F239F;
}

/* Colores por tipo de link */
.external-link-item.link-sat .link-icon[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #0369a1 0%, #0284c7 100%);
}
.external-link-item.link-sat .link-icon i[data-v-c1b6cc7b] {
  color: white;
}
.external-link-item.link-sat[data-v-c1b6cc7b]:hover {
  background: #f0f9ff;
}
.external-link-item.link-registro-mercantil .link-icon[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%);
}
.external-link-item.link-registro-mercantil .link-icon i[data-v-c1b6cc7b] {
  color: white;
}
.external-link-item.link-registro-mercantil[data-v-c1b6cc7b]:hover {
  background: #ecfdf5;
}
.external-link-item.link-sat-rtu .link-icon[data-v-c1b6cc7b],
.external-link-item.link-rtu .link-icon[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
}
.external-link-item.link-sat-rtu .link-icon i[data-v-c1b6cc7b],
.external-link-item.link-rtu .link-icon i[data-v-c1b6cc7b] {
  color: white;
}
.external-link-item.link-sat-rtu[data-v-c1b6cc7b]:hover,
.external-link-item.link-rtu[data-v-c1b6cc7b]:hover {
  background: #fffbeb;
}

/* RENAP - Azul oscuro institucional */
.external-link-item.link-renap .link-icon[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
}
.external-link-item.link-renap .link-icon i[data-v-c1b6cc7b] {
  color: white;
}
.external-link-item.link-renap[data-v-c1b6cc7b]:hover {
  background: #eff6ff;
}

/* Card RENAP en modal */
.verification-card.card-renap[data-v-c1b6cc7b] {
  border-color: #1e40af;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
}
.verification-card.card-renap[data-v-c1b6cc7b]:hover {
  border-color: #3b82f6;
  -webkit-box-shadow: 0 8px 25px rgba(30, 64, 175, 0.25);
          box-shadow: 0 8px 25px rgba(30, 64, 175, 0.25);
}
.verification-card.card-renap .card-icon[data-v-c1b6cc7b] {
  background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
}

/* Transición del dropdown */
.dropdown-fade-enter-active[data-v-c1b6cc7b],
.dropdown-fade-leave-active[data-v-c1b6cc7b] {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.dropdown-fade-enter-from[data-v-c1b6cc7b],
.dropdown-fade-leave-to[data-v-c1b6cc7b] {
  opacity: 0;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

/* MEDIA QUERIES - Responsive Modal */
@media (max-width: 1400px) {
.ai-modal-body[data-v-c1b6cc7b] {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 12px;
}
.verification-links-grid[data-v-c1b6cc7b] {
    gap: 12px;
}
.verification-card[data-v-c1b6cc7b] {
    -ms-flex-preferred-size: calc(50% - 6px);
        flex-basis: calc(50% - 6px);
}
}
@media (max-width: 1024px) {
.ai-modal-container[data-v-c1b6cc7b] {
    max-width: 100vw;
    max-height: 100vh;
}
.ai-modal-body[data-v-c1b6cc7b] {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 10px;
    padding: 10px 12px;
}
.verification-links-grid[data-v-c1b6cc7b] {
    gap: 10px;
}
.verification-card[data-v-c1b6cc7b] {
    -ms-flex-preferred-size: calc(50% - 5px);
        flex-basis: calc(50% - 5px);
}
}
@media (max-width: 768px) {
.ai-modal-overlay[data-v-c1b6cc7b] {
    padding: 0;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding-top: 0;
}
.ai-modal-container[data-v-c1b6cc7b] {
    max-width: 100vw;
    max-height: 100vh;
    border-radius: 0;
}
.ai-modal-header[data-v-c1b6cc7b] {
    padding: 10px 12px;
}
.ai-modal-title[data-v-c1b6cc7b] {
    font-size: 13px;
}
.ai-modal-body[data-v-c1b6cc7b] {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 8px 10px;
}
.verification-links-grid[data-v-c1b6cc7b] {
    gap: 8px;
}
.verification-card[data-v-c1b6cc7b] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    padding: 10px 12px;
    gap: 10px;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}
.verification-card .card-action[data-v-c1b6cc7b] {
    display: none;
}
}

/* === KEYBOARD HINTS === */
.viewer-keyboard-hints[data-v-c1b6cc7b] {
  position: fixed;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  pointer-events: none;
}

/* Ocultar hints en móvil (no hay teclado) */
@media (max-width: 768px) {
.viewer-keyboard-hints[data-v-c1b6cc7b] {
    display: none;
}
}
.viewer-hint-item[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
}
.viewer-hint-item span[data-v-c1b6cc7b] {
  opacity: 0.9;
  white-space: nowrap;
}
.viewer-hint-item kbd[data-v-c1b6cc7b] {
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 10px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

/* ===============================================
   TABS PROFESIONALES
   =============================================== */
.viewer-tabs[data-v-c1b6cc7b] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.viewer-tabs[data-v-c1b6cc7b] .el-tabs__header {
  margin: 0;
  background: #f8f9fa;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding: 0 16px;
}
.viewer-tabs[data-v-c1b6cc7b] .el-tabs__item {
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
  padding: 16px 32px;
  border: none;
}
.viewer-tabs[data-v-c1b6cc7b] .el-tabs__item.is-active {
  color: #1a1a1a;
  font-weight: 600;
}
.viewer-tabs[data-v-c1b6cc7b] .el-tabs__active-bar {
  height: 3px;
  background: #1a1a1a;
}
.viewer-tabs[data-v-c1b6cc7b] .el-tabs__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.viewer-tabs[data-v-c1b6cc7b] .el-tab-pane {
  height: 100%;
  overflow: hidden;
}
.tab-label[data-v-c1b6cc7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.viewer-tab-content[data-v-c1b6cc7b] {
  height: 100%;
  overflow-y: auto;
  min-height: 0; /* Importante para que flex + overflow funcione */
}

/* Formulario en tab (ancho completo) */
.viewer-form-column-full[data-v-c1b6cc7b] {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: white;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  max-height: calc(100vh - 200px); /* Limitar altura para scroll */
  overflow-y: auto;
}
@media (max-width: 768px) {
.viewer-tabs[data-v-c1b6cc7b] .el-tabs__item {
    padding: 14px 20px;
    font-size: 13px;
}
.viewer-form-column-full[data-v-c1b6cc7b] {
    max-width: 100%;
    padding: 16px;
    border-radius: 0;
}
}

/* Asegurar que los tabs sean clickeables */
.viewer-tabs[data-v-c1b6cc7b] .el-tabs__nav,
.viewer-tabs[data-v-c1b6cc7b] .el-tabs__item,
.viewer-tabs[data-v-c1b6cc7b] .el-tabs__header {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* ========================================== */
/* RESPONSIVE MOBILE - Full screen viewer     */
/* ========================================== */
@media (max-width: 599px) {
.inline-file-viewer-container[data-v-c1b6cc7b] {
    height: 100vh;
    height: 100dvh; /* Dynamic viewport height for mobile browsers */
    min-height: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    padding-bottom: env(safe-area-inset-bottom, 0px);
}
.viewer-header[data-v-c1b6cc7b] {
    padding: 8px 12px;
    min-height: 48px;
}
.viewer-header-left[data-v-c1b6cc7b] {
    gap: 8px;
}
.viewer-header-left h3[data-v-c1b6cc7b] {
    font-size: 13px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.viewer-header-right[data-v-c1b6cc7b] {
    gap: 4px;
}
.viewer-header-btn[data-v-c1b6cc7b] {
    width: 36px;
    height: 36px;
    min-width: 36px;
}
.viewer-header-btn i[data-v-c1b6cc7b] {
    font-size: 16px;
}
.viewer-content[data-v-c1b6cc7b] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-height: 0;
    padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px));
}
.image-viewer-inline-container[data-v-c1b6cc7b] {
    height: 100%;
}
.mini-requisitos-nav[data-v-c1b6cc7b] {
    padding: 8px 12px;
    padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
}
.nav-pills[data-v-c1b6cc7b] {
    gap: 4px;
}
.nav-pill[data-v-c1b6cc7b] {
    padding: 6px 10px;
    font-size: 11px;
}

  /* Tabs en móvil */
.viewer-tabs[data-v-c1b6cc7b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
}
.viewer-tabs[data-v-c1b6cc7b] .el-tabs__header {
    margin-bottom: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.viewer-tabs[data-v-c1b6cc7b] .el-tabs__item {
    padding: 10px 14px;
    font-size: 12px;
}
.viewer-tab-content[data-v-c1b6cc7b] {
    padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px));
}
}

/* Very small mobile */
@media (max-width: 399px) {
.viewer-header[data-v-c1b6cc7b] {
    padding: 6px 8px;
}
.viewer-header-left h3[data-v-c1b6cc7b] {
    font-size: 12px;
    max-width: 120px;
}
.viewer-header-btn[data-v-c1b6cc7b] {
    width: 32px;
    height: 32px;
    min-width: 32px;
}
.nav-pill[data-v-c1b6cc7b] {
    padding: 5px 8px;
    font-size: 10px;
}
}

/* Touch device optimizations */
@media (hover: none) and (pointer: coarse) {
.viewer-header-btn[data-v-c1b6cc7b] {
    min-width: 44px;
    min-height: 44px;
}
.nav-pill[data-v-c1b6cc7b] {
    min-height: 40px;
    padding: 8px 12px;
}
}

/* ============================================
   NEO FLATTEN UNIFIED TIMELINE
   ============================================ */
.unified-timeline.neo-flatten[data-v-624feff9] {
  /* Neo-Flatten Neonet Colors */
  --primary: #5F249F;
  --primary-light: rgba(95, 36, 159, 0.08);
  --yellow: #facc15;
  --yellow-light: rgba(250, 204, 21, 0.15);
  --tareas-color: #5F249F;
  --sistema-color: #64748b;
  --success-color: #facc15;
  --error-color: #ef4444;
  --border-color: #e5e7eb;
  --bg-subtle: #f8fafc;
  --text-primary: #1e293b;
  --text-secondary: #64748b;

  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow-x: hidden;
  background: #ffffff;

  /* Container Queries: permite responder al ancho del contenedor, no solo viewport */
  container-type: inline-size;
  container-name: timeline;
}

/* Timeline Content - flex grow */
.timeline-content[data-v-624feff9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow-x: hidden;
}

/* Loading State */
.loading-state[data-v-624feff9] {
  text-align: center;
  padding: 60px 20px;
}
.spinner[data-v-624feff9] {
  width: 40px;
  height: 40px;
  border: 3px solid var(--border-color);
  border-top-color: var(--primary);
  border-radius: 50%;
  -webkit-animation: spin-624feff9 1s linear infinite;
          animation: spin-624feff9 1s linear infinite;
  margin: 0 auto 16px;
}
.loading-state p[data-v-624feff9] {
  color: var(--text-secondary);
  margin: 0;
}
@-webkit-keyframes spin-624feff9 {
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
@keyframes spin-624feff9 {
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
.spin[data-v-624feff9] {
  -webkit-animation: spin-624feff9 1s linear infinite;
          animation: spin-624feff9 1s linear infinite;
}

/* Error State */
.error-state[data-v-624feff9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 16px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  color: var(--error-color);
}

/* ===== TOOLBAR COMPACTO (UNA LÍNEA) ===== */
.timeline-toolbar[data-v-624feff9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 8px 12px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-bottom: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* Heatmap mini - dots en línea */
.heatmap-mini[data-v-624feff9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.heat-dot[data-v-624feff9] {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.15s;
  transition: -webkit-transform 0.15s;
  transition: transform 0.15s;
  transition: transform 0.15s, -webkit-transform 0.15s;
}
.heat-dot[data-v-624feff9]:hover {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}
.heat-dot.selected[data-v-624feff9] {
  -webkit-box-shadow: 0 0 0 2px #5F249F;
          box-shadow: 0 0 0 2px #5F249F;
}

/* Colores heatmap */
.level-0[data-v-624feff9] { background-color: #e2e8f0;
}
.level-1[data-v-624feff9] { background-color: rgba(250, 204, 21, 0.4);
}
.level-2[data-v-624feff9] { background-color: rgba(250, 204, 21, 0.7);
}
.level-3[data-v-624feff9] { background-color: rgba(95, 36, 159, 0.6);
}
.level-4[data-v-624feff9] { background-color: #5F249F;
}

/* Filtros mini */
.filters-mini[data-v-624feff9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.filter-btn[data-v-624feff9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 5px;
  background: #f8fafc;
  font-size: 0.75rem;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.filter-btn[data-v-624feff9]:hover {
  border-color: #5F249F;
}
.filter-btn.active[data-v-624feff9] {
  background: #5F249F;
  border-color: #5F249F;
  color: white;
}
.filter-btn.tareas.active[data-v-624feff9] {
  background: #5F249F;
}
.filter-btn.sistema.active[data-v-624feff9] {
  background: #64748b;
  border-color: #64748b;
}
.filter-btn span[data-v-624feff9] {
  font-size: 0.7rem;
  opacity: 0.8;
}

/* Filtro activo badge */
.active-filter[data-v-624feff9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 4px 8px;
  background: rgba(250, 204, 21, 0.2);
  border: 1px solid rgba(250, 204, 21, 0.5);
  border-radius: 5px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #5F249F;
}
.clear-btn[data-v-624feff9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 16px;
  height: 16px;
  border: none;
  background: #5F249F;
  color: white;
  border-radius: 3px;
  cursor: pointer;
  font-size: 0.65rem;
}
.clear-btn[data-v-624feff9]:hover {
  background: #4a1c7d;
}

/* LEGACY - mantener por si se usan en otro lado */
.hour-block[data-v-624feff9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6px 4px;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.15s, -webkit-box-shadow 0.15s;
  transition: -webkit-transform 0.15s, -webkit-box-shadow 0.15s;
  transition: transform 0.15s, box-shadow 0.15s;
  transition: transform 0.15s, box-shadow 0.15s, -webkit-transform 0.15s, -webkit-box-shadow 0.15s;
  min-height: 36px;
}
.hour-block[data-v-624feff9]:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.hour-block.selected[data-v-624feff9] {
  -webkit-box-shadow: 0 0 0 2px var(--primary);
          box-shadow: 0 0 0 2px var(--primary);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.hour-label[data-v-624feff9] {
  font-size: 0.65rem;
  font-weight: 600;
  color: inherit;
}

/* Neo-Flatten Colores para level en bloques día/hora */
.day-block.level-0[data-v-624feff9],
.hour-block.level-0[data-v-624feff9] {
  background-color: #f1f5f9;
  color: #94a3b8;
  border: 1px solid #e5e7eb;
}
.day-block.level-1[data-v-624feff9],
.hour-block.level-1[data-v-624feff9] {
  background-color: rgba(250, 204, 21, 0.2);
  color: #92400e;
  border: 1px solid rgba(250, 204, 21, 0.4);
}
.day-block.level-2[data-v-624feff9],
.hour-block.level-2[data-v-624feff9] {
  background-color: rgba(250, 204, 21, 0.45);
  color: #78350f;
  border: 1px solid rgba(250, 204, 21, 0.6);
}
.day-block.level-3[data-v-624feff9],
.hour-block.level-3[data-v-624feff9] {
  background-color: rgba(95, 36, 159, 0.6);
  color: white;
  border: 1px solid rgba(95, 36, 159, 0.7);
}
.day-block.level-4[data-v-624feff9],
.hour-block.level-4[data-v-624feff9] {
  background-color: #5F249F;
  color: white;
  border: 1px solid #4A1C7D;
}

/* TIMELINE COMPACTO */
/* Timeline Compact - Neo Flatten con scroll - OCUPA TODO EL ALTO */
.timeline-compact[data-v-624feff9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0; /* Sin gap, las líneas conectan visualmente */
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
}

/* ============================================
   NUEVO DISEÑO STEPPER - TIMELINE VERTICAL
   ============================================ */
.timeline-step[data-v-624feff9] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 50px;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Línea vertical continua del timeline */
.timeline-step[data-v-624feff9]::before {
  content: '';
  position: absolute;
  left: 19px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #e2e8f0;
}
.timeline-step.step-last[data-v-624feff9]::before {
  height: 20px;
}

/* Ocultar líneas conectoras antiguas */
.step-connector[data-v-624feff9] {
  display: none;
}

/* Estados de las líneas */
.timeline-step.step-completed .step-connector[data-v-624feff9] {
  background: -webkit-gradient(linear, left top, left bottom, from(#5F249F), to(#7c3aed));
  background: linear-gradient(to bottom, #5F249F, #7c3aed);
}
.timeline-step.step-error .step-connector[data-v-624feff9] {
  background: -webkit-gradient(linear, left top, left bottom, from(#fca5a5), to(#ef4444));
  background: linear-gradient(to bottom, #fca5a5, #ef4444);
}

/* Nodo/Esfera central */
.step-node[data-v-624feff9] {
  position: absolute;
  left: 8px;
  top: 8px;
  width: 24px;
  height: 24px;
  z-index: 10;
}
.node-sphere[data-v-624feff9] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #e2e8f0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Esfera completada con check */
.step-node.node-completed .node-sphere[data-v-624feff9] {
  background: #facc15;
  border-color: #facc15;
}
.node-check[data-v-624feff9] {
  color: #78350f;
  font-size: 0.75rem;
  font-weight: bold;
}
@-webkit-keyframes checkPop-624feff9 {
0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0;
}
50% { -webkit-transform: scale(1.2); transform: scale(1.2);
}
100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1;
}
}
@keyframes checkPop-624feff9 {
0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0;
}
50% { -webkit-transform: scale(1.2); transform: scale(1.2);
}
100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1;
}
}

/* Esfera con error */
.step-node.node-error .node-sphere[data-v-624feff9] {
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  border-color: #ef4444;
  -webkit-box-shadow: 0 4px 12px rgba(239, 68, 68, 0.25);
          box-shadow: 0 4px 12px rgba(239, 68, 68, 0.25);
}
.node-error-icon[data-v-624feff9] {
  color: #ef4444;
  font-size: 0.9rem;
  font-weight: bold;
}

/* Punto para eventos en progreso */
.node-dot[data-v-624feff9] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #94a3b8;
}

/* Pulso animado para eventos recientes */
.node-pulse[data-v-624feff9] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(95, 36, 159, 0.2);
  -webkit-animation: pulse-624feff9 2s ease-out infinite;
          animation: pulse-624feff9 2s ease-out infinite;
  z-index: 1;
}
@-webkit-keyframes pulse-624feff9 {
0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
}
100% {
    -webkit-transform: translate(-50%, -50%) scale(2);
            transform: translate(-50%, -50%) scale(2);
    opacity: 0;
}
}
@keyframes pulse-624feff9 {
0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
}
100% {
    -webkit-transform: translate(-50%, -50%) scale(2);
            transform: translate(-50%, -50%) scale(2);
    opacity: 0;
}
}

/* Contenido del paso */
.step-content[data-v-624feff9] {
  cursor: pointer;
  padding: 4px 0;
}
.step-time[data-v-624feff9] {
  margin-bottom: 4px;
}
.time-badge[data-v-624feff9] {
  display: inline-block;
  padding: 2px 8px;
  background: #f3f4f6;
  border-radius: 4px;
  font-size: 0.7rem;
  font-weight: 500;
  color: #6b7280;
  font-variant-numeric: tabular-nums;
}

/* Card del paso */
.step-card[data-v-624feff9] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 10px 12px;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  position: relative;
}
.step-card[data-v-624feff9]:hover {
  border-color: #5F249F;
  -webkit-box-shadow: 0 2px 8px rgba(95, 36, 159, 0.1);
          box-shadow: 0 2px 8px rgba(95, 36, 159, 0.1);
}
.timeline-step.step-expanded .step-card[data-v-624feff9] {
  border-color: #5F249F;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* Header del step */
.step-header[data-v-624feff9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}
.step-title[data-v-624feff9] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #1f2937;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.step-badges[data-v-624feff9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.step-tag[data-v-624feff9] {
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.6rem;
  font-weight: 600;
  text-transform: uppercase;
}
.step-tag.tag-tareas[data-v-624feff9] {
  background: #5F249F;
  color: #fff;
}
.step-tag.tag-sistema[data-v-624feff9] {
  background: #facc15;
  color: #78350f;
}
.step-status[data-v-624feff9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 18px;
  height: 18px;
}
.step-status.status-success[data-v-624feff9] {
  color: #16a34a;
}
.step-status.status-error[data-v-624feff9] {
  color: #dc2626;
}
.step-status i[data-v-624feff9] {
  font-size: 1rem;
}

/* Meta info del step */
.step-meta[data-v-624feff9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 0.7rem;
  color: #6b7280;
}
.step-meta .meta-user[data-v-624feff9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
}
.step-meta .meta-user i[data-v-624feff9] {
  font-size: 0.7rem;
}
.step-meta .meta-preview[data-v-624feff9] {
  color: #9ca3af;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}

/* Flecha expandir/colapsar */
.step-arrow[data-v-624feff9] {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #9ca3af;
  font-size: 0.9rem;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.step-card:hover .step-arrow[data-v-624feff9] {
  color: #5F249F;
}
.timeline-step.step-expanded .step-arrow[data-v-624feff9] {
  color: #5F249F;
}

/* Acordeón expandido dentro del step */
.timeline-step .accordion-content[data-v-624feff9] {
  background: #f9fafb;
  border: 1px solid #5F249F;
  border-top: none;
  border-radius: 0 0 8px 8px;
  padding: 12px;
  margin-top: -1px;
}

/* Colores por tipo de evento */
.timeline-step.source-tareas .node-sphere[data-v-624feff9] {
  border-color: rgba(95, 36, 159, 0.3);
}
.timeline-step.source-tareas.step-completed .step-connector[data-v-624feff9] {
  background: -webkit-gradient(linear, left top, left bottom, from(#5F249F), to(#7c3aed));
  background: linear-gradient(to bottom, #5F249F, #7c3aed);
}
.timeline-step.source-sistema .node-sphere[data-v-624feff9] {
  border-color: rgba(250, 204, 21, 0.4);
}
.timeline-step.source-sistema.step-completed .node-sphere[data-v-624feff9] {
  background: linear-gradient(135deg, #facc15 0%, #fbbf24 100%);
  border-color: #facc15;
  -webkit-box-shadow: 0 4px 12px rgba(250, 204, 21, 0.35);
          box-shadow: 0 4px 12px rgba(250, 204, 21, 0.35);
}
.timeline-step.source-sistema.step-completed .node-check[data-v-624feff9] {
  color: #78350f;
}
.timeline-step.source-sistema.step-completed .step-connector[data-v-624feff9] {
  background: -webkit-gradient(linear, left top, left bottom, from(#facc15), to(#fbbf24));
  background: linear-gradient(to bottom, #facc15, #fbbf24);
}

/* Último paso sin línea inferior */
.timeline-step.step-last .step-connector-bottom[data-v-624feff9] {
  display: none;
}

/* Separador de día - Neo Flatten sutil */
.day-separator[data-v-624feff9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 4px 0;
  margin: 2px 0;
}
.day-separator .day-line[data-v-624feff9] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 1px;
  background: #e2e8f0;
}
.day-label-badge[data-v-624feff9] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  padding: 3px 10px;
  background: transparent;
  color: #64748b;
  font-size: 0.7rem;
  font-weight: 500;
  white-space: nowrap;
  text-transform: capitalize;
  letter-spacing: 0.02em;
}
.day-label-badge i[data-v-624feff9] {
  font-size: 0.75rem;
  color: #5F249F;
}

/* Scrollbar Neo Flatten */
.timeline-compact[data-v-624feff9]::-webkit-scrollbar {
  width: 6px;
}
.timeline-compact[data-v-624feff9]::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 3px;
}
.timeline-compact[data-v-624feff9]::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}
.timeline-compact[data-v-624feff9]::-webkit-scrollbar-thumb:hover {
  background: #5F249F;
}

/* ===== TIMELINE ROW ESTILOS ===== */
.timeline-row[data-v-624feff9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: transparent;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  min-height: 44px;
}

/* Row Time */
.row-time[data-v-624feff9] {
  min-width: 55px;
  text-align: right;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.row-time .time[data-v-624feff9] {
  display: block;
  font-weight: 500;
  font-size: 0.75rem;
  color: #64748b;
  line-height: 1.3;
  font-variant-numeric: tabular-nums;
}
.row-time .date[data-v-624feff9] {
  display: block;
  font-size: 0.65rem;
  color: #94a3b8;
  font-weight: 400;
}

/* Row Dot */
.row-dot[data-v-624feff9] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  opacity: 0.7;
}

/* Row Content */
.row-content[data-v-624feff9] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 150px;
  display: block !important;
}
.row-header[data-v-624feff9] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.row-title[data-v-624feff9] {
  font-size: 0.82rem;
  font-weight: 500;
  color: #334155;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 100px;
}
.row-tag[data-v-624feff9] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border-radius: 5px;
  font-size: 0.65rem;
  font-weight: 700;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.row-tag.tag-tareas[data-v-624feff9] {
  background: #5F249F;
  color: #ffffff;
}
.row-tag.tag-sistema[data-v-624feff9] {
  background: #facc15;
  color: #78350f;
}
.row-meta[data-v-624feff9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  font-size: 0.7rem;
  color: #94a3b8;
  margin-top: 2px;
}
.meta-user[data-v-624feff9] {
  font-weight: 500;
  color: #64748b;
}
.meta-preview[data-v-624feff9] {
  color: #94a3b8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
}
.row-arrow[data-v-624feff9] {
  color: #94a3b8;
  font-size: 1.1rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

/* Load More */
.load-more[data-v-624feff9] {
  text-align: center;
  padding-top: 16px;
}
.btn-load-more[data-v-624feff9] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border: 1px dashed var(--border-color);
  border-radius: 8px;
  background: white;
  color: var(--text-secondary);
  font-size: 0.85rem;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn-load-more[data-v-624feff9]:hover {
  border-color: var(--primary);
  color: var(--primary);
}

/* Empty State */
.empty-state[data-v-624feff9] {
  text-align: center;
  padding: 60px 20px;
}
.empty-icon[data-v-624feff9] {
  width: 80px;
  height: 80px;
  margin: 0 auto 16px;
  background: var(--bg-subtle);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.empty-icon i[data-v-624feff9] {
  font-size: 2.5rem;
  color: var(--border-color);
}
.empty-state h5[data-v-624feff9] {
  margin: 0 0 8px;
  color: var(--text-primary);
}
.empty-state p[data-v-624feff9] {
  margin: 0;
  color: var(--text-secondary);
}

/* Modal Overlay (z-index alto para estar sobre el modal padre) */
.event-modal-overlay[data-v-624feff9] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 99999;
  padding: 20px;
  /* CSS Variables for modal (since position:fixed breaks inheritance) */
  --error-color: #ef4444;
  --border-color: #e5e7eb;
  --bg-subtle: #f8fafc;
  --text-primary: #1e293b;
  --text-secondary: #64748b;
}
.event-modal[data-v-624feff9] {
  background: white;
  border-radius: 16px;
  width: 100%;
  max-width: 600px;
  height: 90vh;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}
.modal-header-custom[data-v-624feff9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 20px 24px;
  border-bottom: 1px solid var(--border-color);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.modal-icon[data-v-624feff9] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  font-size: 1.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.modal-title-area[data-v-624feff9] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.modal-title-area h5[data-v-624feff9] {
  margin: 0 0 4px;
  font-size: 1.1rem;
  color: var(--text-primary);
}
.modal-subtitle[data-v-624feff9] {
  font-size: 0.8rem;
  color: var(--text-secondary);
}
.btn-close-modal[data-v-624feff9] {
  width: 36px;
  height: 36px;
  border: none;
  background: var(--bg-subtle);
  border-radius: 8px;
  color: var(--text-secondary);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn-close-modal[data-v-624feff9]:hover {
  background: var(--error-color);
  color: white;
}
.modal-body-custom[data-v-624feff9] {
  padding: 24px;
  overflow-y: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
}
.info-grid[data-v-624feff9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 20px;
}
.info-item label[data-v-624feff9] {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-secondary);
  margin-bottom: 4px;
  text-transform: uppercase;
}
.info-item p[data-v-624feff9] {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 0.9rem;
  color: var(--text-primary);
}
.type-badge[data-v-624feff9] {
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 500;
}
.type-tareas[data-v-624feff9] {
  background: rgba(111, 66, 193, 0.1);
  color: var(--tareas-color);
}
.type-sistema[data-v-624feff9] {
  background: rgba(14, 165, 233, 0.1);
  color: var(--sistema-color);
}
.status-badge[data-v-624feff9] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 500;
}
.status-badge.success[data-v-624feff9] {
  background: rgba(34, 197, 94, 0.1);
  color: var(--success-color);
}
.status-badge.error[data-v-624feff9] {
  background: rgba(239, 68, 68, 0.1);
  color: var(--error-color);
}
.event-data-section[data-v-624feff9] {
  border-top: 1px solid var(--border-color);
  padding-top: 20px;
}
.event-data-section label[data-v-624feff9] {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-secondary);
  margin-bottom: 12px;
  text-transform: uppercase;
}
.data-table-wrapper[data-v-624feff9] {
  background: var(--bg-subtle);
  border-radius: 8px;
  padding: 4px;
  max-height: 300px;
  overflow-y: auto;
}
.data-table[data-v-624feff9] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
}
.data-table tr[data-v-624feff9] {
  border-bottom: 1px solid var(--border-color);
}
.data-table tr[data-v-624feff9]:last-child {
  border-bottom: none;
}
.data-table tr[data-v-624feff9]:hover {
  background: rgba(108, 46, 156, 0.05);
}
.data-table td[data-v-624feff9] {
  padding: 10px 12px;
  vertical-align: top;
}
.data-table .data-key[data-v-624feff9] {
  width: 35%;
  font-weight: 600;
  color: var(--text-secondary);
  background: rgba(0, 0, 0, 0.02);
  border-right: 1px solid var(--border-color);
}
.data-table .data-value[data-v-624feff9] {
  color: var(--text-primary);
  word-break: break-word;
}
.modal-footer-custom[data-v-624feff9] {
  padding: 16px 24px;
  border-top: 1px solid var(--border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: white;
}
.btn-modal-close[data-v-624feff9] {
  padding: 10px 24px;
  border: none;
  background: var(--bg-subtle);
  border-radius: 8px;
  font-weight: 500;
  color: var(--text-primary);
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn-modal-close[data-v-624feff9]:hover {
  background: var(--primary);
  color: white;
}

/* Modal Transition */
.modal-fade-enter-active[data-v-624feff9],
.modal-fade-leave-active[data-v-624feff9] {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.modal-fade-enter-active .event-modal[data-v-624feff9],
.modal-fade-leave-active .event-modal[data-v-624feff9] {
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.modal-fade-enter-from[data-v-624feff9],
.modal-fade-leave-to[data-v-624feff9] {
  opacity: 0;
}
.modal-fade-enter-from .event-modal[data-v-624feff9],
.modal-fade-leave-to .event-modal[data-v-624feff9] {
  -webkit-transform: scale(0.95) translateY(-20px);
          transform: scale(0.95) translateY(-20px);
}

/* Scrollbar personalizado */
.timeline-compact[data-v-624feff9]::-webkit-scrollbar,
.data-table-wrapper[data-v-624feff9]::-webkit-scrollbar {
  width: 4px;
}
.timeline-compact[data-v-624feff9]::-webkit-scrollbar-track,
.data-table-wrapper[data-v-624feff9]::-webkit-scrollbar-track {
  background: var(--bg-subtle);
  border-radius: 2px;
}
.timeline-compact[data-v-624feff9]::-webkit-scrollbar-thumb,
.data-table-wrapper[data-v-624feff9]::-webkit-scrollbar-thumb {
  background: var(--primary);
  border-radius: 2px;
}

/* Responsive */
@media (max-width: 768px) {
.info-grid[data-v-624feff9] {
    grid-template-columns: 1fr;
}
.timeline-toolbar[data-v-624feff9] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.meta-preview[data-v-624feff9] {
    max-width: 150px;
}
}
@media (max-width: 480px) {
.row-time .date[data-v-624feff9] {
    display: none;
}
.meta-preview[data-v-624feff9] {
    display: none;
}
.filters-mini[data-v-624feff9] {
    gap: 2px;
}
.filter-btn[data-v-624feff9] {
    padding: 3px 6px;
    font-size: 0.7rem;
}
}

/* ===== CONTAINER QUERIES - Responsive dentro de sidebars ===== */
/* Se activan por el ancho del contenedor, no del viewport */
@container timeline (max-width: 500px) {
.info-grid[data-v-624feff9] {
    grid-template-columns: 1fr;
}
.timeline-toolbar[data-v-624feff9] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
    padding: 8px 10px;
}
.heatmap-mini[data-v-624feff9] {
    display: none;
}
.meta-preview[data-v-624feff9] {
    display: none;
}
.row-time .date[data-v-624feff9] {
    display: none;
}
.timeline-accordion[data-v-624feff9] {
    margin: 0 4px 6px;
}
.event-header[data-v-624feff9] {
    padding: 8px 10px;
}

  /* Compactar stepper - estructura, NO fuentes */
.timeline-step[data-v-624feff9] {
    padding-left: 36px;
}
.timeline-step[data-v-624feff9]::before {
    left: 13px;
}
.step-node[data-v-624feff9] {
    left: 4px;
    width: 20px;
    height: 20px;
}
.node-sphere[data-v-624feff9] {
    width: 20px;
    height: 20px;
}
.step-card[data-v-624feff9] {
    padding: 10px 12px;
}

  /* Fuentes LEGIBLES - no reducir */
.step-title[data-v-624feff9] {
    font-size: 0.875rem;
}
.step-meta[data-v-624feff9] {
    font-size: 0.75rem;
}
.time-badge[data-v-624feff9] {
    font-size: 0.75rem;
}
.day-separator[data-v-624feff9] {
    margin: 10px 0;
}
.day-label-badge[data-v-624feff9] {
    font-size: 0.75rem;
    padding: 4px 10px;
}
}
@container timeline (max-width: 350px) {
.filters-mini[data-v-624feff9] {
    gap: 4px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.filter-btn[data-v-624feff9] {
    padding: 6px 10px;
    font-size: 0.8rem;
}
.filter-btn span[data-v-624feff9] {
    display: none;
}
.meta-preview[data-v-624feff9] {
    display: none;
}

  /* Stepper compacto pero con texto GRANDE */
.timeline-step[data-v-624feff9] {
    padding-left: 32px;
}
.timeline-step[data-v-624feff9]::before {
    left: 11px;
    width: 2px;
}
.step-node[data-v-624feff9] {
    left: 3px;
    top: 8px;
    width: 18px;
    height: 18px;
}
.node-sphere[data-v-624feff9] {
    width: 18px;
    height: 18px;
    border-width: 2px;
}
.node-check[data-v-624feff9] {
    font-size: 0.7rem;
}
.step-card[data-v-624feff9] {
    padding: 10px 12px;
    border-radius: 8px;
}
.step-header[data-v-624feff9] {
    margin-bottom: 4px;
    gap: 6px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

  /* TEXTO GRANDE Y LEGIBLE */
.step-title[data-v-624feff9] {
    font-size: 0.875rem;
    line-height: 1.3;
}
.step-badges[data-v-624feff9] {
    gap: 4px;
}
.step-tag[data-v-624feff9] {
    padding: 2px 6px;
    font-size: 0.7rem;
}
.step-status[data-v-624feff9] {
    width: 18px;
    height: 18px;
}
.step-status i[data-v-624feff9] {
    font-size: 1rem;
}
.step-meta[data-v-624feff9] {
    display: none;
}
.step-arrow[data-v-624feff9] {
    right: 8px;
    font-size: 0.9rem;
}
.time-badge[data-v-624feff9] {
    padding: 1px 5px;
    font-size: 0.6rem;
}
.time-badge[data-v-624feff9] {
    font-size: 0.75rem;
    padding: 3px 8px;
}
.day-separator[data-v-624feff9] {
    margin: 10px 0;
}
.day-label-badge[data-v-624feff9] {
    font-size: 0.8rem;
    padding: 4px 10px;
}
.day-label-badge i[data-v-624feff9] {
    font-size: 0.85rem;
}

  /* Acordeón - texto legible */
.accordion-content[data-v-624feff9] {
    padding: 12px;
}
.accordion-header-info[data-v-624feff9] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
}
.header-chip[data-v-624feff9] {
    font-size: 0.75rem;
    padding: 4px 8px;
}
.data-grid-compact[data-v-624feff9] {
    grid-template-columns: 1fr;
    gap: 8px;
}
.data-cell[data-v-624feff9] {
    padding: 8px 10px;
}
.cell-label[data-v-624feff9] {
    font-size: 0.7rem;
}
.cell-value[data-v-624feff9] {
    font-size: 0.85rem;
}
}

/* ===== NEO-FLATTEN ACORDEÓN - CON COLOR ===== */
.timeline-accordion[data-v-624feff9] {
  display: block;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-left: 3px solid #e2e8f0;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.timeline-accordion[data-v-624feff9]:hover {
  background: #fefefe;
  border-color: #d1d5db;
  border-left-color: #5F249F;
}
.timeline-accordion.expanded[data-v-624feff9] {
  background: #fafbfc;
  border-color: #5F249F;
  border-left-color: #5F249F;
}

/* Tareas - Púrpura Neonet */
.timeline-accordion.source-tareas[data-v-624feff9] {
  border-left-color: #5F249F;
  background: -webkit-gradient(linear, left top, right top, from(rgba(95, 36, 159, 0.02)), to(#ffffff));
  background: linear-gradient(to right, rgba(95, 36, 159, 0.02), #ffffff);
}
.timeline-accordion.source-tareas[data-v-624feff9]:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgba(95, 36, 159, 0.05)), to(#fefefe));
  background: linear-gradient(to right, rgba(95, 36, 159, 0.05), #fefefe);
  border-color: rgba(95, 36, 159, 0.3);
}
.timeline-accordion.source-tareas.expanded[data-v-624feff9] {
  background: -webkit-gradient(linear, left top, right top, from(rgba(95, 36, 159, 0.06)), to(#fafbfc));
  background: linear-gradient(to right, rgba(95, 36, 159, 0.06), #fafbfc);
  border-color: #5F249F;
}

/* Sistema - Amarillo Neonet sutil */
.timeline-accordion.source-sistema[data-v-624feff9] {
  border-left-color: #facc15;
  background: -webkit-gradient(linear, left top, right top, from(rgba(250, 204, 21, 0.03)), to(#ffffff));
  background: linear-gradient(to right, rgba(250, 204, 21, 0.03), #ffffff);
}
.timeline-accordion.source-sistema[data-v-624feff9]:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgba(250, 204, 21, 0.08)), to(#fefefe));
  background: linear-gradient(to right, rgba(250, 204, 21, 0.08), #fefefe);
  border-color: rgba(250, 204, 21, 0.4);
}
.timeline-accordion.source-sistema.expanded[data-v-624feff9] {
  background: -webkit-gradient(linear, left top, right top, from(rgba(250, 204, 21, 0.1)), to(#fafbfc));
  background: linear-gradient(to right, rgba(250, 204, 21, 0.1), #fafbfc);
  border-color: #facc15;
}

/* Row más compacto */
.timeline-accordion .timeline-row[data-v-624feff9] {
  padding: 10px 12px;
  gap: 10px;
}
.timeline-accordion .timeline-row[data-v-624feff9]:hover {
  background: transparent;
}
.timeline-accordion.expanded .timeline-row[data-v-624feff9] {
  background: transparent;
  border-bottom: 1px solid #f1f5f9;
}

/* Arrow con color */
.timeline-accordion .row-arrow[data-v-624feff9] {
  color: #cbd5e1;
  font-size: 0.85rem;
}
.timeline-accordion.source-tareas:hover .row-arrow[data-v-624feff9] {
  color: #5F249F;
}
.timeline-accordion.source-sistema:hover .row-arrow[data-v-624feff9] {
  color: #ca8a04;
}
.timeline-accordion.expanded .row-arrow[data-v-624feff9] {
  color: #5F249F;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.timeline-accordion.source-sistema.expanded .row-arrow[data-v-624feff9] {
  color: #ca8a04;
}

/* Filas con error */
.timeline-accordion.row-error[data-v-624feff9] {
  border-left-color: #ef4444;
  border-color: #fecaca;
  background: -webkit-gradient(linear, left top, right top, from(rgba(239, 68, 68, 0.05)), to(#ffffff));
  background: linear-gradient(to right, rgba(239, 68, 68, 0.05), #ffffff);
}
.timeline-accordion.row-error[data-v-624feff9]:hover {
  border-color: #ef4444;
  background: -webkit-gradient(linear, left top, right top, from(rgba(239, 68, 68, 0.08)), to(#fefefe));
  background: linear-gradient(to right, rgba(239, 68, 68, 0.08), #fefefe);
}
.timeline-accordion.row-error .row-title[data-v-624feff9] {
  color: #b91c1c;
}

/* ===== CONTENIDO DEL ACORDEÓN EXPANDIDO ===== */
/* Estilos base movidos a .timeline-step .accordion-content */

/* Header con chips de info básica - Neo Flatten */
.accordion-header-info[data-v-624feff9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e2e8f0;
}
.header-chip[data-v-624feff9] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 3px 8px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  font-size: 0.7rem;
  font-weight: 500;
  color: #4b5563;
}
.header-chip i[data-v-624feff9] {
  font-size: 0.75rem;
  color: #6b7280;
}

/* Chip Tareas */
.header-chip.chip-tareas[data-v-624feff9] {
  background: #5F249F;
  border-color: #5F249F;
  color: #fff;
}
.header-chip.chip-tareas i[data-v-624feff9] {
  color: #fff;
}

/* Chip Sistema */
.header-chip.chip-sistema[data-v-624feff9] {
  background: #f3f4f6;
  border-color: #e5e7eb;
  color: #6b7280;
}

/* Chip OK */
.header-chip.chip-ok[data-v-624feff9] {
  background: #dcfce7;
  border-color: #bbf7d0;
  color: #166534;
}
.header-chip.chip-ok i[data-v-624feff9] {
  color: #16a34a;
}

/* Chip Error */
.header-chip.chip-error[data-v-624feff9] {
  background: #fef2f2;
  border-color: #fecaca;
  color: #991b1b;
}
.header-chip.chip-error i[data-v-624feff9] {
  color: #dc2626;
}

/* Grid de datos */
.data-grid-compact[data-v-624feff9] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 6px;
}

/* Celda de datos */
.data-cell[data-v-624feff9] {
  background: #fff;
  padding: 6px 8px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
}
.cell-label[data-v-624feff9] {
  font-size: 0.6rem;
  font-weight: 600;
  color: #9ca3af;
  text-transform: uppercase;
  margin-bottom: 2px;
  display: block;
}
.cell-value[data-v-624feff9] {
  font-size: 0.75rem;
  color: #1f2937;
  word-break: break-word;
  line-height: 1.3;
}

/* Estilos para campos que cambiaron */
.data-cell.cell-changed[data-v-624feff9] {
  background: rgba(250, 204, 21, 0.12);
  border-color: #facc15;
  position: relative;
}
.data-cell.cell-changed[data-v-624feff9]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background: #facc15;
  border-radius: 2px 0 0 2px;
}
.cell-changed-icon[data-v-624feff9] {
  color: #d97706;
  font-size: 0.65rem;
  margin-left: 3px;
}
.cell-value-changed[data-v-624feff9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  font-size: 0.75rem;
}
.cell-value-changed .old-value[data-v-624feff9] {
  color: #9ca3af;
  font-size: 0.7rem;
}
.cell-value-changed .old-value del[data-v-624feff9] {
  text-decoration: line-through;
  text-decoration-color: #ef4444;
}
.cell-value-changed .change-arrow[data-v-624feff9] {
  color: #d97706;
  font-weight: bold;
  font-size: 0.8rem;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.cell-value-changed .new-value[data-v-624feff9] {
  color: #059669;
  font-weight: 600;
}

/* Campo nuevo (primera aparición) */
.cell-value-new[data-v-624feff9] {
  color: #059669;
  font-weight: 500;
}

/* Estilos para preview de imágenes en celdas */
.cell-image-container[data-v-624feff9] {
  margin-top: 4px;
}
.cell-image-preview[data-v-624feff9] {
  max-width: 100%;
  max-height: 80px;
  border-radius: 4px;
  border: 1px solid #e2e8f0;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -o-object-fit: contain;
     object-fit: contain;
}
.cell-image-preview[data-v-624feff9]:hover {
  border-color: #5F249F;
  -webkit-box-shadow: 0 2px 8px rgba(95, 36, 159, 0.2);
          box-shadow: 0 2px 8px rgba(95, 36, 159, 0.2);
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

/* Modal de imagen */
.image-modal-overlay[data-v-624feff9] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.95);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 999999;
  padding: 20px;
}
.image-modal[data-v-624feff9] {
  position: relative;
  max-width: 90vw;
  max-height: 90vh;
}
.image-modal-content[data-v-624feff9] {
  max-width: 100%;
  max-height: 85vh;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
  border: 1px solid #e2e8f0;
}
.btn-close-image-modal[data-v-624feff9] {
  position: absolute;
  top: -40px;
  right: 0;
  width: 36px;
  height: 36px;
  border: none;
  background: #1f2937;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.2rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn-close-image-modal[data-v-624feff9]:hover {
  background: #ef4444;
}

/* Estilos para archivos e imágenes */
.cell-file[data-v-624feff9] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 4px 8px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  text-decoration: none;
  color: #5F249F;
  font-size: 0.7rem;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.cell-file[data-v-624feff9]:hover {
  background: #5F249F;
  border-color: #5F249F;
  color: #fff;
}
.cell-file i[data-v-624feff9] {
  font-size: 1rem;
}
.cell-image .file-thumbnail[data-v-624feff9] {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  border: 1px solid #e2e8f0;
}
.cell-image:hover .file-thumbnail[data-v-624feff9] {
  border-color: #5F249F;
}
.file-name[data-v-624feff9] {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Transición del acordeón */
.accordion-enter-active[data-v-624feff9] {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.accordion-leave-active[data-v-624feff9] {
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.accordion-enter-from[data-v-624feff9],
.accordion-leave-to[data-v-624feff9] {
  opacity: 0;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}
.accordion-enter-to[data-v-624feff9],
.accordion-leave-from[data-v-624feff9] {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/* Scrollbar */
.timeline-compact[data-v-624feff9]::-webkit-scrollbar {
  width: 6px;
}
.timeline-compact[data-v-624feff9]::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 3px;
}
.timeline-compact[data-v-624feff9]::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}
.timeline-compact[data-v-624feff9]::-webkit-scrollbar-thumb:hover {
  background: #5F249F;
}

/* ============================================
   DARK MODE SUPPORT
   ============================================ */
html.a11y-dark-mode .unified-timeline.neo-flatten[data-v-624feff9],
[data-bs-theme="dark"] .unified-timeline.neo-flatten[data-v-624feff9] {
  --primary: #9b6ddb;
  --primary-light: rgba(155, 109, 219, 0.15);
  --yellow: #fcd34d;
  --yellow-light: rgba(252, 211, 77, 0.2);
  --tareas-color: #a78bfa;
  --sistema-color: #94a3b8;
  --success-color: #fcd34d;
  --error-color: #f87171;
  --border-color: #374151;
  --bg-subtle: #1f2937;
  --text-primary: #f1f5f9;
  --text-secondary: #9ca3af;

  background: #111827;
  color: #f1f5f9;
}
html.a11y-dark-mode .timeline-toolbar[data-v-624feff9],
[data-bs-theme="dark"] .timeline-toolbar[data-v-624feff9] {
  background: rgba(31, 41, 55, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-color: rgba(55, 65, 81, 0.8);
}
html.a11y-dark-mode .timeline-compact[data-v-624feff9],
[data-bs-theme="dark"] .timeline-compact[data-v-624feff9] {
  background: #1f2937;
  border-color: #374151;
}
html.a11y-dark-mode .timeline-accordion[data-v-624feff9],
[data-bs-theme="dark"] .timeline-accordion[data-v-624feff9] {
  background: #1f2937;
  border-color: #374151;
}
html.a11y-dark-mode .timeline-accordion[data-v-624feff9]:hover,
[data-bs-theme="dark"] .timeline-accordion[data-v-624feff9]:hover {
  background: #263040;
  border-color: #4b5563;
}
html.a11y-dark-mode .timeline-accordion.source-tareas[data-v-624feff9],
[data-bs-theme="dark"] .timeline-accordion.source-tareas[data-v-624feff9] {
  background: -webkit-gradient(linear, left top, right top, from(rgba(155, 109, 219, 0.08)), to(#1f2937));
  background: linear-gradient(to right, rgba(155, 109, 219, 0.08), #1f2937);
}
html.a11y-dark-mode .timeline-accordion.source-tareas[data-v-624feff9]:hover,
[data-bs-theme="dark"] .timeline-accordion.source-tareas[data-v-624feff9]:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgba(155, 109, 219, 0.15)), to(#263040));
  background: linear-gradient(to right, rgba(155, 109, 219, 0.15), #263040);
}
html.a11y-dark-mode .timeline-accordion.source-sistema[data-v-624feff9],
[data-bs-theme="dark"] .timeline-accordion.source-sistema[data-v-624feff9] {
  background: -webkit-gradient(linear, left top, right top, from(rgba(252, 211, 77, 0.06)), to(#1f2937));
  background: linear-gradient(to right, rgba(252, 211, 77, 0.06), #1f2937);
}
html.a11y-dark-mode .timeline-accordion.source-sistema[data-v-624feff9]:hover,
[data-bs-theme="dark"] .timeline-accordion.source-sistema[data-v-624feff9]:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgba(252, 211, 77, 0.12)), to(#263040));
  background: linear-gradient(to right, rgba(252, 211, 77, 0.12), #263040);
}
html.a11y-dark-mode .timeline-accordion.row-error[data-v-624feff9],
[data-bs-theme="dark"] .timeline-accordion.row-error[data-v-624feff9] {
  background: -webkit-gradient(linear, left top, right top, from(rgba(248, 113, 113, 0.1)), to(#1f2937));
  background: linear-gradient(to right, rgba(248, 113, 113, 0.1), #1f2937);
  border-color: #7f1d1d;
}
html.a11y-dark-mode .row-title[data-v-624feff9],
[data-bs-theme="dark"] .row-title[data-v-624feff9] {
  color: #f1f5f9;
}
html.a11y-dark-mode .row-time .time[data-v-624feff9],
[data-bs-theme="dark"] .row-time .time[data-v-624feff9] {
  color: #9ca3af;
}
html.a11y-dark-mode .row-tag.tag-tareas[data-v-624feff9],
[data-bs-theme="dark"] .row-tag.tag-tareas[data-v-624feff9] {
  background: #7c3aed;
  color: #ffffff;
}
html.a11y-dark-mode .row-tag.tag-sistema[data-v-624feff9],
[data-bs-theme="dark"] .row-tag.tag-sistema[data-v-624feff9] {
  background: #fcd34d;
  color: #1f2937;
}
html.a11y-dark-mode .accordion-content[data-v-624feff9],
[data-bs-theme="dark"] .accordion-content[data-v-624feff9] {
  background: #111827;
  border-color: #374151;
}
html.a11y-dark-mode .header-chip[data-v-624feff9],
[data-bs-theme="dark"] .header-chip[data-v-624feff9] {
  background: #1f2937;
  border-color: #374151;
  color: #d1d5db;
}
html.a11y-dark-mode .header-chip i[data-v-624feff9],
[data-bs-theme="dark"] .header-chip i[data-v-624feff9] {
  color: #a78bfa;
}
html.a11y-dark-mode .data-cell[data-v-624feff9],
[data-bs-theme="dark"] .data-cell[data-v-624feff9] {
  background: #1f2937;
  border-color: #374151;
}
html.a11y-dark-mode .data-cell[data-v-624feff9]:hover,
[data-bs-theme="dark"] .data-cell[data-v-624feff9]:hover {
  background: #263040;
  border-color: #fcd34d;
}
html.a11y-dark-mode .cell-label[data-v-624feff9],
[data-bs-theme="dark"] .cell-label[data-v-624feff9] {
  color: #a78bfa;
}
html.a11y-dark-mode .cell-value[data-v-624feff9],
[data-bs-theme="dark"] .cell-value[data-v-624feff9] {
  color: #f1f5f9;
}
html.a11y-dark-mode .data-cell.cell-changed[data-v-624feff9],
[data-bs-theme="dark"] .data-cell.cell-changed[data-v-624feff9] {
  background: rgba(252, 211, 77, 0.15);
  border-color: #fcd34d;
}
html.a11y-dark-mode .data-cell.cell-changed[data-v-624feff9]::before,
[data-bs-theme="dark"] .data-cell.cell-changed[data-v-624feff9]::before {
  background: #fcd34d;
}
html.a11y-dark-mode .cell-changed-icon[data-v-624feff9],
[data-bs-theme="dark"] .cell-changed-icon[data-v-624feff9] {
  color: #fcd34d;
}
html.a11y-dark-mode .cell-value-changed .old-value[data-v-624feff9],
[data-bs-theme="dark"] .cell-value-changed .old-value[data-v-624feff9] {
  color: #6b7280;
}
html.a11y-dark-mode .cell-value-changed .old-value del[data-v-624feff9],
[data-bs-theme="dark"] .cell-value-changed .old-value del[data-v-624feff9] {
  text-decoration-color: #f87171;
}
html.a11y-dark-mode .cell-value-changed .change-arrow[data-v-624feff9],
[data-bs-theme="dark"] .cell-value-changed .change-arrow[data-v-624feff9] {
  color: #fcd34d;
}
html.a11y-dark-mode .cell-value-changed .new-value[data-v-624feff9],
[data-bs-theme="dark"] .cell-value-changed .new-value[data-v-624feff9] {
  color: #34d399;
}
html.a11y-dark-mode .cell-value-new[data-v-624feff9],
[data-bs-theme="dark"] .cell-value-new[data-v-624feff9] {
  color: #34d399;
}
html.a11y-dark-mode .cell-image-preview[data-v-624feff9],
[data-bs-theme="dark"] .cell-image-preview[data-v-624feff9] {
  border-color: #374151;
}
html.a11y-dark-mode .cell-image-preview[data-v-624feff9]:hover,
[data-bs-theme="dark"] .cell-image-preview[data-v-624feff9]:hover {
  border-color: #a78bfa;
  -webkit-box-shadow: 0 2px 8px rgba(167, 139, 250, 0.3);
          box-shadow: 0 2px 8px rgba(167, 139, 250, 0.3);
}
html.a11y-dark-mode .day-label-badge[data-v-624feff9],
[data-bs-theme="dark"] .day-label-badge[data-v-624feff9] {
  background: linear-gradient(135deg, rgba(155, 109, 219, 0.15), rgba(252, 211, 77, 0.1));
  border-color: rgba(155, 109, 219, 0.3);
  color: #d1d5db;
}
html.a11y-dark-mode .day-separator .day-line[data-v-624feff9],
[data-bs-theme="dark"] .day-separator .day-line[data-v-624feff9] {
  background: #374151;
}
html.a11y-dark-mode .filter-btn[data-v-624feff9],
[data-bs-theme="dark"] .filter-btn[data-v-624feff9] {
  background: #1f2937;
  border-color: #374151;
  color: #9ca3af;
}
html.a11y-dark-mode .filter-btn[data-v-624feff9]:hover,
[data-bs-theme="dark"] .filter-btn[data-v-624feff9]:hover {
  border-color: #7c3aed;
}
html.a11y-dark-mode .filter-btn.active[data-v-624feff9],
[data-bs-theme="dark"] .filter-btn.active[data-v-624feff9] {
  background: #7c3aed;
  border-color: #7c3aed;
  color: white;
}
html.a11y-dark-mode .filter-btn.sistema.active[data-v-624feff9],
[data-bs-theme="dark"] .filter-btn.sistema.active[data-v-624feff9] {
  background: #64748b;
  border-color: #64748b;
}
html.a11y-dark-mode .heat-dot.level-0[data-v-624feff9],
[data-bs-theme="dark"] .heat-dot.level-0[data-v-624feff9] {
  background-color: #374151;
}
html.a11y-dark-mode .heat-dot.selected[data-v-624feff9],
[data-bs-theme="dark"] .heat-dot.selected[data-v-624feff9] {
  -webkit-box-shadow: 0 0 0 2px #a78bfa;
          box-shadow: 0 0 0 2px #a78bfa;
}
html.a11y-dark-mode .active-filter[data-v-624feff9],
[data-bs-theme="dark"] .active-filter[data-v-624feff9] {
  background: rgba(252, 211, 77, 0.15);
  border-color: rgba(252, 211, 77, 0.4);
  color: #fcd34d;
}
html.a11y-dark-mode .clear-btn[data-v-624feff9],
[data-bs-theme="dark"] .clear-btn[data-v-624feff9] {
  background: #7c3aed;
}
html.a11y-dark-mode .event-modal[data-v-624feff9],
[data-bs-theme="dark"] .event-modal[data-v-624feff9] {
  background: #1f2937;
  color: #f1f5f9;
}
html.a11y-dark-mode .modal-header-custom[data-v-624feff9],
html.a11y-dark-mode .modal-footer-custom[data-v-624feff9],
[data-bs-theme="dark"] .modal-header-custom[data-v-624feff9],
[data-bs-theme="dark"] .modal-footer-custom[data-v-624feff9] {
  border-color: #374151;
}
html.a11y-dark-mode .modal-title-area h5[data-v-624feff9],
[data-bs-theme="dark"] .modal-title-area h5[data-v-624feff9] {
  color: #f1f5f9;
}
html.a11y-dark-mode .btn-close-modal[data-v-624feff9],
[data-bs-theme="dark"] .btn-close-modal[data-v-624feff9] {
  background: #374151;
  color: #9ca3af;
}
html.a11y-dark-mode .btn-modal-close[data-v-624feff9],
[data-bs-theme="dark"] .btn-modal-close[data-v-624feff9] {
  background: #374151;
  color: #f1f5f9;
}
html.a11y-dark-mode .data-table-wrapper[data-v-624feff9],
[data-bs-theme="dark"] .data-table-wrapper[data-v-624feff9] {
  background: #111827;
}
html.a11y-dark-mode .data-table .data-key[data-v-624feff9],
[data-bs-theme="dark"] .data-table .data-key[data-v-624feff9] {
  background: #1f2937;
  border-color: #374151;
  color: #9ca3af;
}
html.a11y-dark-mode .data-table .data-value[data-v-624feff9],
[data-bs-theme="dark"] .data-table .data-value[data-v-624feff9] {
  color: #f1f5f9;
}
html.a11y-dark-mode .data-table tr[data-v-624feff9],
[data-bs-theme="dark"] .data-table tr[data-v-624feff9] {
  border-color: #374151;
}
html.a11y-dark-mode .data-table tr[data-v-624feff9]:hover,
[data-bs-theme="dark"] .data-table tr[data-v-624feff9]:hover {
  background: rgba(155, 109, 219, 0.08);
}
html.a11y-dark-mode .loading-state p[data-v-624feff9],
html.a11y-dark-mode .empty-state p[data-v-624feff9],
[data-bs-theme="dark"] .loading-state p[data-v-624feff9],
[data-bs-theme="dark"] .empty-state p[data-v-624feff9] {
  color: #9ca3af;
}
html.a11y-dark-mode .empty-state h5[data-v-624feff9],
[data-bs-theme="dark"] .empty-state h5[data-v-624feff9] {
  color: #f1f5f9;
}
html.a11y-dark-mode .empty-icon[data-v-624feff9],
[data-bs-theme="dark"] .empty-icon[data-v-624feff9] {
  background: #1f2937;
}
html.a11y-dark-mode .empty-icon i[data-v-624feff9],
[data-bs-theme="dark"] .empty-icon i[data-v-624feff9] {
  color: #4b5563;
}
html.a11y-dark-mode .spinner[data-v-624feff9],
[data-bs-theme="dark"] .spinner[data-v-624feff9] {
  border-color: #374151;
  border-top-color: #a78bfa;
}
html.a11y-dark-mode .error-state[data-v-624feff9],
[data-bs-theme="dark"] .error-state[data-v-624feff9] {
  background: rgba(248, 113, 113, 0.1);
  border-color: #7f1d1d;
  color: #f87171;
}
html.a11y-dark-mode .btn-load-more[data-v-624feff9],
[data-bs-theme="dark"] .btn-load-more[data-v-624feff9] {
  background: #1f2937;
  border-color: #374151;
  color: #9ca3af;
}
html.a11y-dark-mode .btn-load-more[data-v-624feff9]:hover,
[data-bs-theme="dark"] .btn-load-more[data-v-624feff9]:hover {
  border-color: #7c3aed;
  color: #a78bfa;
}

/* ============================================
   HIGH CONTRAST MODE
   ============================================ */
html.a11y-high-contrast .unified-timeline.neo-flatten[data-v-624feff9] {
  background: #000000;
  color: #ffffff;
}
html.a11y-high-contrast .timeline-toolbar[data-v-624feff9] {
  background: #000000;
  border: 2px solid #ffffff;
}
html.a11y-high-contrast .timeline-compact[data-v-624feff9] {
  background: #000000;
  border: 2px solid #ffffff;
}
html.a11y-high-contrast .timeline-accordion[data-v-624feff9] {
  background: #000000;
  border: 2px solid #ffffff;
  border-left-width: 4px;
}
html.a11y-high-contrast .timeline-accordion[data-v-624feff9]:hover,
html.a11y-high-contrast .timeline-accordion.expanded[data-v-624feff9] {
  border-color: #ffff00;
  -webkit-box-shadow: 0 0 0 2px #ffff00;
          box-shadow: 0 0 0 2px #ffff00;
}
html.a11y-high-contrast .timeline-accordion.source-tareas[data-v-624feff9] {
  border-left-color: #00ff00;
}
html.a11y-high-contrast .timeline-accordion.source-sistema[data-v-624feff9] {
  border-left-color: #ffff00;
}
html.a11y-high-contrast .timeline-accordion.row-error[data-v-624feff9] {
  border-left-color: #ff0000;
  border-color: #ff0000;
}
html.a11y-high-contrast .row-title[data-v-624feff9] {
  color: #ffffff;
}
html.a11y-high-contrast .row-time .time[data-v-624feff9] {
  color: #ffffff;
}
html.a11y-high-contrast .row-tag[data-v-624feff9] {
  border: 2px solid #ffffff;
}
html.a11y-high-contrast .row-tag.tag-tareas[data-v-624feff9] {
  background: #00ff00;
  color: #000000;
}
html.a11y-high-contrast .row-tag.tag-sistema[data-v-624feff9] {
  background: #ffff00;
  color: #000000;
}
html.a11y-high-contrast .filter-btn[data-v-624feff9] {
  background: #000000;
  border: 2px solid #ffffff;
  color: #ffffff;
}
html.a11y-high-contrast .filter-btn.active[data-v-624feff9] {
  background: #ffff00;
  border-color: #ffff00;
  color: #000000;
}
html.a11y-high-contrast .filter-btn.tareas.active[data-v-624feff9] {
  background: #00ff00;
  color: #000000;
}
html.a11y-high-contrast .heat-dot[data-v-624feff9] {
  border: 1px solid #ffffff;
}
html.a11y-high-contrast .heat-dot.level-0[data-v-624feff9] {
  background-color: #333333;
}
html.a11y-high-contrast .heat-dot.level-1[data-v-624feff9],
html.a11y-high-contrast .heat-dot.level-2[data-v-624feff9] {
  background-color: #ffff00;
}
html.a11y-high-contrast .heat-dot.level-3[data-v-624feff9],
html.a11y-high-contrast .heat-dot.level-4[data-v-624feff9] {
  background-color: #00ff00;
}
html.a11y-high-contrast .heat-dot.selected[data-v-624feff9] {
  -webkit-box-shadow: 0 0 0 3px #ffffff;
          box-shadow: 0 0 0 3px #ffffff;
}
html.a11y-high-contrast .day-label-badge[data-v-624feff9] {
  background: #000000;
  border: 2px solid #ffffff;
  color: #ffffff;
}
html.a11y-high-contrast .day-label-badge i[data-v-624feff9] {
  color: #ffff00;
}
html.a11y-high-contrast .day-separator .day-line[data-v-624feff9] {
  background: #ffffff;
  height: 2px;
}
html.a11y-high-contrast .accordion-content[data-v-624feff9] {
  background: #000000;
  border: 2px solid #ffffff;
}
html.a11y-high-contrast .header-chip[data-v-624feff9] {
  background: #000000;
  border: 2px solid #ffffff;
  color: #ffffff;
}
html.a11y-high-contrast .header-chip.chip-ok[data-v-624feff9] {
  border-color: #00ff00;
  color: #00ff00;
}
html.a11y-high-contrast .header-chip.chip-error[data-v-624feff9] {
  border-color: #ff0000;
  color: #ff0000;
}
html.a11y-high-contrast .data-cell[data-v-624feff9] {
  background: #000000;
  border: 2px solid #ffffff;
}
html.a11y-high-contrast .data-cell[data-v-624feff9]:hover {
  border-color: #ffff00;
}
html.a11y-high-contrast .cell-label[data-v-624feff9] {
  color: #ffff00;
}
html.a11y-high-contrast .cell-value[data-v-624feff9] {
  color: #ffffff;
}
html.a11y-high-contrast .data-cell.cell-changed[data-v-624feff9] {
  background: #000000;
  border: 3px solid #00ff00;
}
html.a11y-high-contrast .data-cell.cell-changed[data-v-624feff9]::before {
  background: #00ff00;
  width: 4px;
}
html.a11y-high-contrast .cell-changed-icon[data-v-624feff9] {
  color: #00ff00;
}
html.a11y-high-contrast .cell-value-changed .old-value[data-v-624feff9] {
  color: #ff0000;
}
html.a11y-high-contrast .cell-value-changed .old-value del[data-v-624feff9] {
  text-decoration-color: #ff0000;
}
html.a11y-high-contrast .cell-value-changed .change-arrow[data-v-624feff9] {
  color: #ffff00;
}
html.a11y-high-contrast .cell-value-changed .new-value[data-v-624feff9] {
  color: #00ff00;
}
html.a11y-high-contrast .cell-value-new[data-v-624feff9] {
  color: #00ff00;
}
html.a11y-high-contrast .event-modal[data-v-624feff9] {
  background: #000000;
  border: 3px solid #ffffff;
}
html.a11y-high-contrast .modal-header-custom[data-v-624feff9],
html.a11y-high-contrast .modal-footer-custom[data-v-624feff9] {
  border-color: #ffffff;
}
html.a11y-high-contrast .btn-close-modal[data-v-624feff9],
html.a11y-high-contrast .btn-modal-close[data-v-624feff9] {
  background: #000000;
  border: 2px solid #ffffff;
  color: #ffffff;
}
html.a11y-high-contrast .btn-close-modal[data-v-624feff9]:hover,
html.a11y-high-contrast .btn-modal-close[data-v-624feff9]:hover {
  background: #ffff00;
  color: #000000;
}
html.a11y-high-contrast .data-table-wrapper[data-v-624feff9] {
  background: #000000;
  border: 2px solid #ffffff;
}
html.a11y-high-contrast .data-table .data-key[data-v-624feff9] {
  background: #111111;
  border-color: #ffffff;
  color: #ffff00;
}
html.a11y-high-contrast .data-table .data-value[data-v-624feff9] {
  color: #ffffff;
}
html.a11y-high-contrast .data-table tr[data-v-624feff9] {
  border-color: #ffffff;
}
html.a11y-high-contrast .error-state[data-v-624feff9] {
  background: #000000;
  border: 2px solid #ff0000;
  color: #ff0000;
}
html.a11y-high-contrast .btn-load-more[data-v-624feff9] {
  background: #000000;
  border: 2px solid #ffffff;
  color: #ffffff;
}
html.a11y-high-contrast .btn-load-more[data-v-624feff9]:hover {
  background: #ffff00;
  border-color: #ffff00;
  color: #000000;
}

/* Focus states for high contrast */
html.a11y-high-contrast .timeline-accordion[data-v-624feff9]:focus-within,
html.a11y-high-contrast .filter-btn[data-v-624feff9]:focus,
html.a11y-high-contrast .heat-dot[data-v-624feff9]:focus {
  outline: 3px solid #ffff00;
  outline-offset: 2px;
}

/* ========================================
   3D GLASS FOLDER DESIGN - Premium Dark Style
   Inspired by folder-interaction.vercel.app
======================================== */
.decks-container[data-v-42314014] {
  height: 100%;
  padding: 16px 24px; /* Reducido para iniciar más arriba */
  background: transparent;
  overflow-y: auto;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

/* ========================================
   GALERÍA ENCIMA DE LOS FOLDERS - Diseño Elegante Sin Container
======================================== */
.gallery-above-folders[data-v-42314014] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  width: 100%;
  height: 100vh;
  padding: 0;
  z-index: 50;
  /* Fondo sutil y elegante */
  background: rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(8px);
  -webkit-transition: background 0.25s ease, backdrop-filter 0.25s ease;
  transition: background 0.25s ease, backdrop-filter 0.25s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* Durante transición de folders, mantener fondo sutil */
.is-switching-folder .gallery-above-folders[data-v-42314014] {
  background: rgba(0, 0, 0, 0.2) !important;
  backdrop-filter: blur(12px) !important;
}

/* CRÍTICO: Hacer cards COMPLETAMENTE TRANSPARENTES durante transición */
.is-switching-folder .deck-card.thumbnail-mode[data-v-42314014] {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.gallery-header[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
  padding: 0 8px;
}

/* Animación rápida del header */
.gallery-header-animate[data-v-42314014] {
  -webkit-animation: headerFadeIn-42314014 0.35s cubic-bezier(0.23, 1, 0.32, 1) forwards;
          animation: headerFadeIn-42314014 0.35s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}
@-webkit-keyframes headerFadeIn-42314014 {
from {
    opacity: 0;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
}
to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes headerFadeIn-42314014 {
from {
    opacity: 0;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
}
to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
.gallery-title[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
}
.gallery-title i[data-v-42314014] {
  font-size: 20px;
  opacity: 0.9;
}
.gallery-close-btn[data-v-42314014] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.gallery-close-btn[data-v-42314014]:hover {
  background: rgba(239, 68, 68, 0.9);
  color: white;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.gallery-grid[data-v-42314014] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 16px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px;
  padding-bottom: 120px; /* Extra space for bottom bar */
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  max-width: 100%;
  -ms-flex-line-pack: start;
      align-content: start;
  pointer-events: auto;
  /* Fondo transparente por defecto */
  background: transparent;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}

/* Durante switching: deshabilitar clicks */
.is-switching-folder .gallery-grid[data-v-42314014] {
  pointer-events: none;
}

/* Cuando se muestra rolodex (clientes o tareas), NO cortar animaciones */
.gallery-context-0 .gallery-grid[data-v-42314014],
.gallery-context-2 .gallery-grid[data-v-42314014] {
  overflow: visible !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 8px; /* Cards inician desde arriba */
}

/* Container específico para cliente cuando dock visible */
.gallery-context-0 .client-rolodex-container[data-v-42314014],
.gallery-context-0 .time-machine-container.tm-left[data-v-42314014] {
  overflow: visible;
  min-height: 480px;
}

/* ========================================
   DOCK HIDDEN - ROLODEX EXPANDIDO (Time Machine Style)
   ======================================== */
.dock-hidden .gallery-grid[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: visible;
  padding: 0;
}

/* Container del rolodex - centrado y grande */
.dock-hidden .time-machine-container[data-v-42314014],
.dock-hidden .client-rolodex-container[data-v-42314014] {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 40px 120px 60px 40px; /* Espacio para timeline derecha */
  overflow: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent;
}

/* Perspective para el stack - CENTRADO */
.dock-hidden .tm-perspective[data-v-42314014],
.dock-hidden .client-perspective[data-v-42314014] {
  position: relative;
  width: 100%;
  max-width: 900px;
  height: 100%;
  max-height: 650px;
  padding: 20px;
  overflow: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-perspective: 800px;
          perspective: 800px;
}

/* Stack de cards - CENTRADO */
.dock-hidden .tm-stack[data-v-42314014],
.dock-hidden .client-stack[data-v-42314014] {
  position: relative;
  width: 100%;
  max-width: 700px;
  height: 520px;
  margin: 0 auto;
}

/* Cards grandes tipo hero - Mantener efecto stack */
.dock-hidden .tm-card[data-v-42314014],
.dock-hidden .client-card[data-v-42314014] {
  width: 100%;
  max-width: 700px;
  min-height: 500px;
  background: #fff;
  border-radius: 16px;
  -webkit-box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.06),
    0 8px 32px rgba(0, 0, 0, 0.08);
          box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.06),
    0 8px 32px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

/* Card activa */
.dock-hidden .tm-card.active[data-v-42314014],
.dock-hidden .client-card.active[data-v-42314014] {
  -webkit-box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.12),
    0 16px 64px rgba(0, 0, 0, 0.08);
          box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.12),
    0 16px 64px rgba(0, 0, 0, 0.08);
}

/* Cards apiladas detrás - visibles arriba */
.dock-hidden .tm-card[data-v-42314014]:not(.active),
.dock-hidden .client-card[data-v-42314014]:not(.active) {
  opacity: 0.85;
}

/* Contenido interno de las cards */
.dock-hidden .tm-card-inner[data-v-42314014],
.dock-hidden .client-card-inner[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 0;
}

/* Imagen hero grande */
.dock-hidden .tm-card-image[data-v-42314014],
.dock-hidden .client-card-image[data-v-42314014],
.dock-hidden .tm-card-inner > img[data-v-42314014],
.dock-hidden .client-card-inner > img[data-v-42314014] {
  width: 100%;
  height: 340px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px 12px 0 0;
}

/* Área de contenido */
.dock-hidden .tm-card-content[data-v-42314014],
.dock-hidden .client-card-content[data-v-42314014] {
  padding: 24px 32px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* Título grande */
.dock-hidden .tm-title-clean[data-v-42314014],
.dock-hidden .client-title[data-v-42314014] {
  font-size: 28px;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 8px;
  line-height: 1.3;
}

/* Subtítulo */
.dock-hidden .tm-meta-clean[data-v-42314014],
.dock-hidden .client-meta[data-v-42314014] {
  font-size: 16px;
  color: #666;
  margin-bottom: 8px;
}

/* Fecha */
.dock-hidden .tm-date[data-v-42314014],
.dock-hidden .client-date[data-v-42314014] {
  font-size: 14px;
  color: #999;
}

/* ========================================
   DOCK HIDDEN - CONTENIDO AMPLIADO PARA CARDS GRANDES
   ======================================== */
/* Header más prominente */
.dock-hidden .tm-header-clean[data-v-42314014] {
  padding: 24px 32px 16px;
  border-bottom: 1px solid #f0f0f0;
  background: #fafafa;
}
.dock-hidden .tm-title-clean[data-v-42314014] {
  font-size: 24px;
  font-weight: 700;
  color: #1a1a1a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.dock-hidden .tm-title-clean i[data-v-42314014] {
  font-size: 28px;
  color: #5F239F;
  opacity: 1 !important;
}
.dock-hidden .tm-meta-clean[data-v-42314014] {
  font-size: 14px;
  color: #6b7280;
  margin-top: 4px;
}

/* Tabla ampliada para dock-hidden */
.dock-hidden .tm-table-wrap[data-v-42314014] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px 32px 24px;
  overflow-y: auto;
}
.dock-hidden .tm-table[data-v-42314014] {
  width: 100%;
  font-size: 15px;
  border-collapse: separate;
  border-spacing: 0;
}
.dock-hidden .tm-table tr[data-v-42314014] {
  border-bottom: 1px solid #f3f4f6;
}
.dock-hidden .tm-table tr[data-v-42314014]:hover {
  background: #faf5ff;
}
.dock-hidden .tm-td-label[data-v-42314014] {
  padding: 14px 16px 14px 0;
  color: #6b7280;
  font-weight: 600;
  font-size: 14px;
  width: 35%;
  vertical-align: middle;
}
.dock-hidden .tm-td-value[data-v-42314014] {
  padding: 14px 0;
  color: #1f2937;
  font-size: 15px;
  font-weight: 500;
}

/* Badge de validación más grande */
.dock-hidden .badge-validado-mini[data-v-42314014] {
  width: 18px;
  height: 18px;
  font-size: 11px;
}

/* Links más prominentes */
.dock-hidden .tm-link[data-v-42314014] {
  padding: 6px 14px;
  font-size: 13px;
  border-radius: 16px;
}

/* Preview text más grande */
.dock-hidden .tm-preview[data-v-42314014] {
  font-size: 16px;
  padding: 24px 32px;
  color: #4b5563;
  line-height: 1.6;
}

/* ========================================
   DOCK HIDDEN - DISEÑO MEJORADO PARA CLIENTE
   ======================================== */
/* Barra de acento superior */
.dock-hidden .tm-accent-bar[data-v-42314014] {
  display: block;
  height: 4px;
  width: 100%;
  background: #5F239F;
}
.dock-hidden .tm-accent-bar.client-accent[data-v-42314014] {
  background: #5F239F;
}

/* Círculo con icono - mostrar en dock-hidden */
.dock-hidden .tm-icon-circle[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 22px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.dock-hidden .tm-icon-circle.client-icon-circle[data-v-42314014] {
  background: rgba(95, 35, 159, 0.1);
  color: #5F239F;
}

/* Texto del título - mostrar estructura completa en dock-hidden */
.dock-hidden .tm-title-text[data-v-42314014] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.dock-hidden .tm-title-main[data-v-42314014] {
  font-size: 20px;
  font-weight: 700;
  color: #1f2937;
}
.dock-hidden .tm-title-sub[data-v-42314014] {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Badge del card */
.dock-hidden .tm-card-badge[data-v-42314014] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 14px;
  background: #f3f4f6;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 700;
  color: #6b7280;
}

/* Indicador de más campos */
.dock-hidden .tm-more-fields[data-v-42314014] {
  padding: 12px 32px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: #5F239F;
  background: rgba(95, 35, 159, 0.03);
  border-top: 1px dashed #e5e7eb;
}

/* Empty state */
.dock-hidden .tm-empty-state[data-v-42314014] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  padding: 40px;
  color: #9ca3af;
}
.dock-hidden .tm-empty-state i[data-v-42314014] {
  font-size: 48px;
  opacity: 0.4;
}
.dock-hidden .tm-empty-state span[data-v-42314014] {
  font-size: 15px;
  font-weight: 500;
}

/* ========================================
   TIMELINE AL BORDE DERECHO
   ======================================== */
.dock-hidden .tm-nav[data-v-42314014] {
  position: fixed;
  right: 20px;
  top: 80px;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.dock-hidden .tm-timeline[data-v-42314014],
.dock-hidden .time-machine-timeline[data-v-42314014] {
  position: fixed;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 60vh;
  max-height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-right: 16px;
  z-index: 100;
}

/* Ticks del timeline con fechas */
.dock-hidden .tm-timeline-tick[data-v-42314014] {
  position: relative;
  padding: 6px 0;
  font-size: 11px;
  color: #999;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.dock-hidden .tm-timeline-tick[data-v-42314014]::after {
  content: '';
  width: 20px;
  height: 2px;
  background: #ddd;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.dock-hidden .tm-timeline-tick[data-v-42314014]:hover {
  color: #5F239F;
}
.dock-hidden .tm-timeline-tick[data-v-42314014]:hover::after {
  background: #5F239F;
  width: 28px;
}
.dock-hidden .tm-timeline-tick.active[data-v-42314014] {
  color: #e65100;
  font-weight: 600;
}
.dock-hidden .tm-timeline-tick.active[data-v-42314014]::after {
  background: #e65100;
  width: 32px;
  height: 3px;
}

/* Label "Now" al final */
.dock-hidden .tm-timeline-now[data-v-42314014] {
  color: #e65100;
  font-weight: 600;
  font-size: 12px;
  margin-top: 8px;
}

/* Hint de scroll abajo izquierda */
.dock-hidden .tm-scroll-hint[data-v-42314014] {
  position: fixed;
  bottom: 24px;
  left: 24px;
  font-size: 13px;
  color: #999;
  z-index: 100;
}

/* Ocultar elementos que no aplican en modo expandido */
.dock-hidden .tm-nav-counter[data-v-42314014],
.dock-hidden .floating-indicator[data-v-42314014],
.dock-hidden .card-position-badge[data-v-42314014] {
  display: none;
}

/* Requisitos gallery sin cambios especiales */
.dock-hidden .requisitos-gallery-container[data-v-42314014] {
  width: 100%;
  max-width: 100%;
  background: transparent;
}

/* ========================================
   DOCK HIDDEN - TM-LEFT: Ya no se usa - ambos centrados
   ======================================== */

/* ========================================
   DOCK HIDDEN - RESPONSIVE
   ======================================== */
@media (max-width: 1200px) {
.dock-hidden .time-machine-container[data-v-42314014],
  .dock-hidden .client-rolodex-container[data-v-42314014] {
    padding: 30px 80px 50px 30px;
}
.dock-hidden .time-machine-container.tm-left[data-v-42314014] {
    padding: 30px 30px 50px 80px;
}
.dock-hidden .tm-card[data-v-42314014],
  .dock-hidden .client-card[data-v-42314014] {
    max-width: 700px;
    min-height: 420px;
}
.dock-hidden .tm-stack[data-v-42314014],
  .dock-hidden .client-stack[data-v-42314014] {
    max-width: 700px;
    height: 440px;
}
}
@media (max-width: 900px) {
.dock-hidden .time-machine-container[data-v-42314014],
  .dock-hidden .client-rolodex-container[data-v-42314014] {
    padding: 20px 60px 40px 20px;
}
.dock-hidden .time-machine-container.tm-left[data-v-42314014] {
    padding: 20px 20px 40px 60px;
}
.dock-hidden .tm-perspective[data-v-42314014],
  .dock-hidden .client-perspective[data-v-42314014] {
    max-width: 100%;
    padding: 50px 0 20px 0;
}
.dock-hidden .tm-card[data-v-42314014],
  .dock-hidden .client-card[data-v-42314014] {
    max-width: 560px;
    min-height: 380px;
}
.dock-hidden .tm-stack[data-v-42314014],
  .dock-hidden .client-stack[data-v-42314014] {
    max-width: 560px;
    height: 400px;
}
.dock-hidden .tm-title-clean[data-v-42314014],
  .dock-hidden .client-title[data-v-42314014] {
    font-size: 22px;
}
}
@media (max-width: 700px) {
.dock-hidden .time-machine-container[data-v-42314014],
  .dock-hidden .client-rolodex-container[data-v-42314014] {
    padding: 16px 50px 30px 16px;
}
.dock-hidden .tm-perspective[data-v-42314014],
  .dock-hidden .client-perspective[data-v-42314014] {
    padding: 40px 0 16px 0;
    max-height: none;
}
.dock-hidden .tm-card[data-v-42314014],
  .dock-hidden .client-card[data-v-42314014] {
    max-width: 420px;
    min-height: 340px;
}
.dock-hidden .tm-stack[data-v-42314014],
  .dock-hidden .client-stack[data-v-42314014] {
    max-width: 420px;
    height: 360px;
}
.dock-hidden .tm-title-clean[data-v-42314014],
  .dock-hidden .client-title[data-v-42314014] {
    font-size: 18px;
}
.dock-hidden .tm-timeline[data-v-42314014],
  .dock-hidden .time-machine-timeline[data-v-42314014] {
    padding-right: 10px;
    height: 50vh;
}
.dock-hidden .tm-timeline.tm-timeline-left[data-v-42314014] {
    padding-left: 10px;
    padding-right: 0;
}
.dock-hidden .tm-timeline-tick[data-v-42314014] {
    font-size: 10px;
}

  /* TM-LEFT responsive override */
.dock-hidden .time-machine-container.tm-left[data-v-42314014] {
    padding: 16px 16px 30px 50px;
}
}
@media (max-height: 700px) {
.dock-hidden .tm-perspective[data-v-42314014],
  .dock-hidden .client-perspective[data-v-42314014] {
    max-height: 85vh;
    padding: 40px 0 10px 0;
}
.dock-hidden .tm-card[data-v-42314014],
  .dock-hidden .client-card[data-v-42314014] {
    min-height: 320px;
}
.dock-hidden .tm-stack[data-v-42314014],
  .dock-hidden .client-stack[data-v-42314014] {
    height: 340px;
}
}

/* Animaciones naturales y profesionales - SIMPLE Y EFECTIVO */

/* SALIDA: fade out + move down (como Material Design) */
.gallery-folder-leave-active .deck-card[data-v-42314014] {
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0.0, 1, 1);
  transition: all 0.2s cubic-bezier(0.4, 0.0, 1, 1);
  -webkit-transition-delay: calc(var(--card-index, 0) * 0.025s);
          transition-delay: calc(var(--card-index, 0) * 0.025s);
}
.gallery-folder-leave-to .deck-card[data-v-42314014] {
  opacity: 0;
  -webkit-transform: translateY(20px) scale(0.96);
          transform: translateY(20px) scale(0.96);
}

/* ENTRADA: fade in + move up (como iOS) */
.gallery-folder-enter-active .deck-card[data-v-42314014] {
  -webkit-transition: all 0.3s cubic-bezier(0.0, 0.0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.0, 0.0, 0.2, 1);
  -webkit-transition-delay: calc(var(--card-index, 0) * 0.025s);
          transition-delay: calc(var(--card-index, 0) * 0.025s);
}
.gallery-folder-enter-from .deck-card[data-v-42314014] {
  opacity: 0;
  -webkit-transform: translateY(20px) scale(0.96);
          transform: translateY(20px) scale(0.96);
}

/* TIME MACHINE - Animaciones de entrada/salida */
.gallery-folder-leave-active .time-machine-container[data-v-42314014] {
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0.0, 1, 1);
  transition: all 0.3s cubic-bezier(0.4, 0.0, 1, 1);
}
.gallery-folder-leave-to .time-machine-container[data-v-42314014] {
  opacity: 0;
  -webkit-transform: translateX(100px) scale(0.9);
          transform: translateX(100px) scale(0.9);
}
.gallery-folder-enter-active .time-machine-container[data-v-42314014] {
  -webkit-transition: all 0.4s cubic-bezier(0.0, 0.0, 0.2, 1);
  transition: all 0.4s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.gallery-folder-enter-from .time-machine-container[data-v-42314014] {
  opacity: 0;
  -webkit-transform: translateX(-100px) scale(0.9);
          transform: translateX(-100px) scale(0.9);
}

/* Time Machine cards - animación en cascada */
.gallery-folder-leave-active .tm-card[data-v-42314014] {
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0.0, 1, 1);
  transition: all 0.25s cubic-bezier(0.4, 0.0, 1, 1);
}
.gallery-folder-leave-to .tm-card[data-v-42314014] {
  opacity: 0;
  -webkit-transform: translateZ(-200px) rotateX(30deg);
          transform: translateZ(-200px) rotateX(30deg);
}
.gallery-folder-enter-active .tm-card[data-v-42314014] {
  -webkit-transition: all 0.35s cubic-bezier(0.0, 0.0, 0.2, 1);
  transition: all 0.35s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.gallery-folder-enter-from .tm-card[data-v-42314014] {
  opacity: 0;
  -webkit-transform: translateZ(-200px) rotateX(-30deg);
          transform: translateZ(-200px) rotateX(-30deg);
}

/* CRÍTICO: Ocultar el dock Y el gooey menu durante transición */
.expediente-overlay-neo:has(.is-switching-folder) .expediente-dock[data-v-42314014],
.decks-container.is-switching-folder ~ * .expediente-dock[data-v-42314014],
.expediente-overlay-neo:has(.is-switching-folder) .gooey-menu-container[data-v-42314014],
.decks-container.is-switching-folder ~ * .gooey-menu-container[data-v-42314014] {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}

/* CRÍTICO: Ocultar TODOS los elementos del gooey menu (items, blobs, labels) */
.expediente-overlay-neo:has(.is-switching-folder) .gooey-menu-container[data-v-42314014] *,
.decks-container.is-switching-folder ~ * .gooey-menu-container[data-v-42314014] * {
  opacity: 0 !important;
  visibility: hidden !important;
  display: none !important;
}

/* Responsive: maximizar uso de espacio en pantallas grandes */
@media (min-width: 1024px) {
.gallery-grid[data-v-42314014] {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 20px;
    padding: 24px 40px;
}
}
@media (min-width: 1280px) {
.gallery-grid[data-v-42314014] {
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 22px;
    padding: 28px 48px;
}
}
@media (min-width: 1536px) {
.gallery-grid[data-v-42314014] {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 24px;
    padding: 32px 56px;
}
}
@media (min-width: 1920px) {
.gallery-grid[data-v-42314014] {
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 26px;
    padding: 36px 64px;
}
}
.gallery-grid[data-v-42314014]::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.5);
}

/* ========================================
   THUMBNAIL MODE - Cards grandes y legibles en galería
======================================== */
.deck-card.thumbnail-mode[data-v-42314014] {
  width: 100%;
  aspect-ratio: 1 / 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  border-radius: 16px;
  position: relative;
  cursor: pointer;
  background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(0, 0, 0, 0.06);
  overflow: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* Preview de imagen/adjunto - MUY VISIBLE */
.deck-card.thumbnail-mode .card-thumbnail-preview[data-v-42314014] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  background: #f9fafb; /* Fondo gris muy claro */
  /* Fade-in suave cuando aparecen después de transición */
  -webkit-animation: thumbnailFadeIn-42314014 0.35s ease-out;
          animation: thumbnailFadeIn-42314014 0.35s ease-out;
}
@-webkit-keyframes thumbnailFadeIn-42314014 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes thumbnailFadeIn-42314014 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.deck-card.thumbnail-mode .card-thumbnail-preview img[data-v-42314014] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: brightness(1.1) contrast(1.05) saturate(1.15);
          filter: brightness(1.1) contrast(1.05) saturate(1.15);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  display: block; /* Asegurar que se muestre */
}
.deck-card.thumbnail-mode:hover .card-thumbnail-preview img[data-v-42314014] {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}

/* Diseño especial para thumbnails de PDF - Minimalista */
.pdf-thumbnail-design[data-v-42314014] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(145deg, #fef2f2 0%, #fee2e2 100%);
  position: relative;
  overflow: hidden;
}

/* Patrón de fondo sutil */
.pdf-thumbnail-design[data-v-42314014]::before {
  display: none;
}
.pdf-icon-large[data-v-42314014] {
  font-size: 42px;
  color: #ef4444;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 72px;
  height: 72px;
  background: #ffffff;
  border-radius: 14px;
  -webkit-box-shadow: 0 4px 12px rgba(239, 68, 68, 0.15);
          box-shadow: 0 4px 12px rgba(239, 68, 68, 0.15);
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  border: 1px solid rgba(239, 68, 68, 0.1);
}
.deck-card.thumbnail-mode:hover .pdf-icon-large[data-v-42314014] {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-box-shadow: 0 6px 16px rgba(239, 68, 68, 0.2);
          box-shadow: 0 6px 16px rgba(239, 68, 68, 0.2);
}
.pdf-label[data-v-42314014] {
  font-size: 9px;
  font-weight: 600;
  color: #ffffff;
  background: #ef4444;
  padding: 3px 8px;
  border-radius: 4px;
  letter-spacing: 0.3px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  text-transform: uppercase;
}

/* Overlay gradient para legibilidad - ULTRA SUTIL */
.deck-card.thumbnail-mode .card-thumbnail-preview[data-v-42314014]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(
    linear,
    left top, left bottom,
    from(rgba(0, 0, 0, 0)),
    color-stop(50%, rgba(0, 0, 0, 0.02)),
    color-stop(85%, rgba(255, 255, 255, 0.85)),
    to(rgba(255, 255, 255, 0.98))
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.02) 50%,
    rgba(255, 255, 255, 0.85) 85%,
    rgba(255, 255, 255, 0.98) 100%
  );
  pointer-events: none;
}

/* No aplicar overlay cuando es PDF */
.pdf-thumbnail-design ~ .card-thumbnail-preview[data-v-42314014]::after {
  display: none;
}
.deck-card.thumbnail-mode[data-v-42314014]:hover {
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0.1);
}
.deck-card.thumbnail-mode.active[data-v-42314014] {
  border-color: #8b5cf6;
  border-width: 2px;
  -webkit-box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.12), 0 8px 24px rgba(139, 92, 246, 0.15);
          box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.12), 0 8px 24px rgba(139, 92, 246, 0.15);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.deck-card.thumbnail-mode .card-inner[data-v-42314014] {
  padding: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  z-index: 1;
}

/* Cuando NO hay thumbnail, centrar el icono */
.deck-card.thumbnail-mode .card-header-row[data-v-42314014] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
}

/* Cuando SÍ hay thumbnail, el icono NO se muestra (está oculto por v-if) */

/* Icono cuando NO hay thumbnail - más grande y centrado */
.deck-card.thumbnail-mode .card-icon-box[data-v-42314014] {
  width: 56px;
  height: 56px;
  font-size: 26px;
  border-radius: 14px;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%) !important;
  color: #ef4444 !important;
  -webkit-box-shadow: 0 2px 8px rgba(239, 68, 68, 0.15);
          box-shadow: 0 2px 8px rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.1);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.deck-card.thumbnail-mode:hover .card-icon-box[data-v-42314014] {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2);
          box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2);
}
.deck-card.thumbnail-mode .card-count[data-v-42314014] {
  font-size: 13px;
  background: rgba(0, 0, 0, 0.6);
  padding: 4px 10px;
  border-radius: 6px;
  font-weight: 700;
  color: white;
}
.deck-card.thumbnail-mode .card-title[data-v-42314014] {
  font-size: 12px;
  line-height: 1.4;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: center;
  color: #374151;
  position: relative;
  z-index: 10;
  letter-spacing: -0.01em;
  padding: 12px 14px;
  background: #ffffff;
  min-height: 48px;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: auto;
}

/* Ocultar elementos que no se necesitan en thumbnail */
.deck-card.thumbnail-mode .card-preview-lines[data-v-42314014],
.deck-card.thumbnail-mode .card-mini-fields[data-v-42314014],
.deck-card.thumbnail-mode .card-count[data-v-42314014] {
  display: none;
}

/* Badge de adjuntos */
.deck-card.thumbnail-mode .attachments-badge[data-v-42314014] {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(8px);
  color: #059669;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  z-index: 10;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(5, 150, 105, 0.2);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-animation: thumbnailFadeIn-42314014 0.35s ease-out;
          animation: thumbnailFadeIn-42314014 0.35s ease-out;
}
.deck-card.thumbnail-mode:hover .attachments-badge[data-v-42314014] {
  background: #059669;
  color: white;
  border-color: #059669;
}
.deck-card.thumbnail-mode .attachments-badge i[data-v-42314014] {
  font-size: 12px;
}

/* Responsive thumbnails - aspect-ratio maneja el tamaño */
@media (max-width: 640px) {
.deck-card.thumbnail-mode .card-icon-box[data-v-42314014] {
    width: 48px;
    height: 48px;
    font-size: 24px;
    border-radius: 14px;
}
.deck-card.thumbnail-mode .card-title[data-v-42314014] {
    font-size: 12px;
    padding: 10px 8px 8px;
    min-height: 42px;
}
.deck-card.thumbnail-mode .attachments-badge[data-v-42314014] {
    font-size: 8px;
    padding: 2px 5px;
    border-radius: 6px;
    top: 6px;
    right: 6px;
}
.deck-card.thumbnail-mode .attachments-badge i[data-v-42314014] {
    font-size: 9px;
}
}
@media (min-width: 1280px) {
.deck-card.thumbnail-mode .card-icon-box[data-v-42314014] {
    width: 72px;
    height: 72px;
    font-size: 36px;
    border-radius: 20px;
}
.deck-card.thumbnail-mode .card-title[data-v-42314014] {
    font-size: 15px;
    padding: 14px 12px 12px;
    min-height: 52px;
}
}
@media (min-width: 1600px) {
.deck-card.thumbnail-mode .card-icon-box[data-v-42314014] {
    width: 80px;
    height: 80px;
    font-size: 40px;
    border-radius: 22px;
}
.deck-card.thumbnail-mode .card-title[data-v-42314014] {
    font-size: 16px;
    padding: 16px 14px 12px;
    min-height: 58px;
}
.deck-card.thumbnail-mode .attachments-badge[data-v-42314014] {
    font-size: 10px;
    padding: 4px 7px;
    border-radius: 9px;
}
.deck-card.thumbnail-mode .attachments-badge i[data-v-42314014] {
    font-size: 11px;
}
}

/* Animación de la galería deslizando desde arriba */
.gallery-slide-down-enter-active[data-v-42314014] {
  -webkit-transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.gallery-slide-down-leave-active[data-v-42314014] {
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.gallery-slide-down-enter-from[data-v-42314014] {
  opacity: 0;
  -webkit-transform: translateY(20px) scale(0.95);
          transform: translateY(20px) scale(0.95);
}
.gallery-slide-down-leave-to[data-v-42314014] {
  opacity: 0;
  -webkit-transform: translateY(-10px) scale(0.98);
          transform: translateY(-10px) scale(0.98);
}

/* ========================================
   ANIMACIONES PROFESIONALES Y SUAVES - FLIP Technique
   Basado en mejores prácticas 2025
======================================== */

/* Cards saliendo DEL DECK - Elevándose hacia arriba naturalmente */
.deck-card-hide-leave-active[data-v-42314014] {
  -webkit-transition:
    opacity 0.5s ease-out,
    -webkit-transform 0.6s ease-out !important !important;
  transition:
    opacity 0.5s ease-out,
    -webkit-transform 0.6s ease-out !important !important;
  transition:
    transform 0.6s ease-out !important,
    opacity 0.5s ease-out !important;
  transition:
    transform 0.6s ease-out !important,
    opacity 0.5s ease-out,
    -webkit-transform 0.6s ease-out !important !important;
  position: absolute !important;
  -webkit-transition-delay: calc(var(--card-index, 0) * 0.04s) !important;
          transition-delay: calc(var(--card-index, 0) * 0.04s) !important;
  z-index: calc(100 + var(--card-index, 0)) !important;
  will-change: transform, opacity;
}
.deck-card-hide-leave-to[data-v-42314014] {
  opacity: 0 !important;
  -webkit-transform: translateY(-400px) scale(0.9) translateZ(0) !important;
          transform: translateY(-400px) scale(0.9) translateZ(0) !important;
}

/* Cards volviendo AL DECK - Bajando suavemente */
.deck-card-hide-enter-active[data-v-42314014] {
  -webkit-transition:
    opacity 0.5s ease-out,
    -webkit-transform 0.6s ease-out !important !important;
  transition:
    opacity 0.5s ease-out,
    -webkit-transform 0.6s ease-out !important !important;
  transition:
    transform 0.6s ease-out !important,
    opacity 0.5s ease-out !important;
  transition:
    transform 0.6s ease-out !important,
    opacity 0.5s ease-out,
    -webkit-transform 0.6s ease-out !important !important;
  -webkit-transition-delay: calc(var(--card-index, 0) * 0.04s) !important;
          transition-delay: calc(var(--card-index, 0) * 0.04s) !important;
  will-change: transform, opacity;
}
.deck-card-hide-enter-from[data-v-42314014] {
  opacity: 0 !important;
  -webkit-transform: translateY(-300px) scale(0.9) translateZ(0) !important;
          transform: translateY(-300px) scale(0.9) translateZ(0) !important;
}
.deck-card-hide-enter-to[data-v-42314014] {
  opacity: 1 !important;
  -webkit-transform: translateY(0) scale(1) translateZ(0) !important;
          transform: translateY(0) scale(1) translateZ(0) !important;
}

/* ========================================
   GALERÍA - Animación MORPH (desde deck)
   Cards subiendo desde abajo hacia su posición
======================================== */
.gallery-morph-move[data-v-42314014] {
  -webkit-transition: -webkit-transform 0.6s ease-out !important;
  transition: -webkit-transform 0.6s ease-out !important;
  transition: transform 0.6s ease-out !important;
  transition: transform 0.6s ease-out, -webkit-transform 0.6s ease-out !important;
}
.gallery-morph-enter-active[data-v-42314014] {
  /* Las animaciones JavaScript se aplicarán via hooks */
  will-change: transform, opacity;
}
.gallery-morph-leave-active[data-v-42314014] {
  position: absolute !important;
  -webkit-transition:
    opacity 0.4s ease-in,
    -webkit-transform 0.5s ease-in !important !important;
  transition:
    opacity 0.4s ease-in,
    -webkit-transform 0.5s ease-in !important !important;
  transition:
    transform 0.5s ease-in !important,
    opacity 0.4s ease-in !important;
  transition:
    transform 0.5s ease-in !important,
    opacity 0.4s ease-in,
    -webkit-transform 0.5s ease-in !important !important;
  -webkit-transition-delay: calc(var(--card-index) * 0.03s) !important;
          transition-delay: calc(var(--card-index) * 0.03s) !important;
  will-change: transform, opacity;
}
.gallery-morph-leave-to[data-v-42314014] {
  opacity: 0 !important;
  -webkit-transform: translateY(200px) scale(0.9) translateZ(0) !important;
          transform: translateY(200px) scale(0.9) translateZ(0) !important;
}

/* ========================================
   GALERÍA - Animación CROSSFADE (cambio de folder)
   OVERLAPPING: Las nuevas entran MIENTRAS las viejas salen (SIN GAP)
======================================== */
.gallery-crossfade-move[data-v-42314014] {
  -webkit-transition: -webkit-transform 0.6s ease-out !important;
  transition: -webkit-transform 0.6s ease-out !important;
  transition: transform 0.6s ease-out !important;
  transition: transform 0.6s ease-out, -webkit-transform 0.6s ease-out !important;
}

/* FASE 1: SALIDA (0-250ms) - Las tarjetas viejas salen RÁPIDO */
.gallery-crossfade-leave-active[data-v-42314014] {
  position: absolute !important;
  -webkit-transition:
    opacity 0.2s ease-in !important,
    -webkit-transform 0.25s ease-in !important;
  transition:
    opacity 0.2s ease-in !important,
    -webkit-transform 0.25s ease-in !important;
  transition:
    opacity 0.2s ease-in !important,
    transform 0.25s ease-in !important;
  transition:
    opacity 0.2s ease-in !important,
    transform 0.25s ease-in,
    -webkit-transform 0.25s ease-in !important;
  -webkit-transition-delay: calc(var(--card-index) * 0.01s) !important;
          transition-delay: calc(var(--card-index) * 0.01s) !important;
  will-change: opacity, transform;
  z-index: 1 !important;
}
.gallery-crossfade-leave-to[data-v-42314014] {
  opacity: 0 !important;
  -webkit-transform: translateY(-60px) scale(0.92) translateZ(0) !important;
          transform: translateY(-60px) scale(0.92) translateZ(0) !important;
}

/* FASE 2: ENTRADA (150-600ms) - Las nuevas entran CON OVERLAP */
.gallery-crossfade-enter-active[data-v-42314014] {
  -webkit-transition:
    opacity 0.4s ease-out !important,
    -webkit-transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  transition:
    opacity 0.4s ease-out !important,
    -webkit-transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  transition:
    opacity 0.4s ease-out !important,
    transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  transition:
    opacity 0.4s ease-out !important,
    transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1),
    -webkit-transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  /* CRÍTICO: Delay de 150ms para OVERLAP (entran antes de que salgan todas) */
  -webkit-transition-delay: calc(var(--card-index) * 0.02s + 150ms) !important;
          transition-delay: calc(var(--card-index) * 0.02s + 150ms) !important;
  will-change: opacity, transform;
  z-index: 2 !important;
}
.gallery-crossfade-enter-from[data-v-42314014] {
  opacity: 0 !important;
  -webkit-transform: translateY(100px) scale(0.9) translateZ(0) !important;
          transform: translateY(100px) scale(0.9) translateZ(0) !important;
}
.gallery-crossfade-enter-to[data-v-42314014] {
  opacity: 1 !important;
  -webkit-transform: translateY(0) scale(1) translateZ(0) !important;
          transform: translateY(0) scale(1) translateZ(0) !important;
}

/* Transición secuencial sin glitches durante cambio de folders */

/* Paso 1: Ocultar carpetas 3D inmediatamente (0ms delay) */
.folder-3d[data-v-42314014] {
  -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.folder-back[data-v-42314014],
.folder-front[data-v-42314014] {
  -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.is-switching-folder .folder-3d[data-v-42314014] {
  opacity: 0 !important;
  pointer-events: none;
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  /* Asegurar que no se vea ningún fondo blanco */
  visibility: hidden;
}
.is-switching-folder .folder-back[data-v-42314014],
.is-switching-folder .folder-front[data-v-42314014] {
  opacity: 0 !important;
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  visibility: hidden;
}

/* Paso 2: Fade-in suave y retrasado de carpetas (reaparecen después) */
.folder-3d[data-v-42314014],
.folder-back[data-v-42314014],
.folder-front[data-v-42314014] {
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}

/* NOTA: Ya NO necesitamos ocultar thumbnails con opacity porque ahora usamos v-if
   que elimina completamente los elementos del DOM durante la transición.
   Esto evita que el navegador cargue imágenes durante la animación. */
.decks-row[data-v-42314014] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 48px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  z-index: 55; /* Above gallery (50) to ensure folders are clickable */
}
.deck-wrapper[data-v-42314014] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  width: 256px;
  max-width: 100%;
  -webkit-perspective: 1200px;
          perspective: 1200px;
  cursor: pointer;
  pointer-events: auto;
  overflow: visible;
  padding-top: 180px; /* Space for cards to expand */
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Reduce folder size when gallery is open (maintain aspect ratio) */
.decks-row.has-gallery-open .deck-wrapper[data-v-42314014] {
  -webkit-transform: scale(0.32);
          transform: scale(0.32);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}

/* Hide folders completely when dock is collapsed */
.decks-row.dock-hidden[data-v-42314014] {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.folder-3d[data-v-42314014] {
  position: relative;
  width: 100%;
  height: 208px;
  aspect-ratio: 256 / 208;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  overflow: visible;
}

/* Shadow underneath folder */
.folder-3d[data-v-42314014]::before {
  content: '';
  position: absolute;
  bottom: -48px;
  left: 32px;
  right: 32px;
  height: 24px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-filter: blur(24px);
          filter: blur(24px);
  border-radius: 50%;
  -webkit-transform: rotateX(90deg) translateZ(-80px);
          transform: rotateX(90deg) translateZ(-80px);
  -webkit-transition: -webkit-transform 0.7s ease;
  transition: -webkit-transform 0.7s ease;
  transition: transform 0.7s ease;
  transition: transform 0.7s ease, -webkit-transform 0.7s ease;
}

/* === FOLDER BACK (Dark Container) === */
.folder-back[data-v-42314014] {
  position: absolute;
  inset: 0;
  border-radius: 24px;
  -webkit-transform: translateZ(-20px);
          transform: translateZ(-20px);
  z-index: 0;
  background: radial-gradient(circle at 50% 0%, #3a3a3a 0%, #1a1a1a 60%, #050505 100%);
  -webkit-box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.25),
    inset 1px 0 0 rgba(255,255,255,0.1),
    inset -1px 0 0 rgba(255,255,255,0.1),
    inset 0 -2px 5px rgba(0,0,0,0.8),
    inset 0 0 40px rgba(0,0,0,0.6),
    0 25px 50px -12px rgba(0,0,0,0.8);
          box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.25),
    inset 1px 0 0 rgba(255,255,255,0.1),
    inset -1px 0 0 rgba(255,255,255,0.1),
    inset 0 -2px 5px rgba(0,0,0,0.8),
    inset 0 0 40px rgba(0,0,0,0.6),
    0 25px 50px -12px rgba(0,0,0,0.8);
  border: 1px solid rgba(255,255,255,0.05);
}

/* Noise texture overlay */
.folder-back[data-v-42314014]::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 24px;
  opacity: 0.12;
  mix-blend-mode: overlay;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
}

/* Dark gradient overlay */
.folder-back[data-v-42314014]::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 24px;
  opacity: 0.6;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.9)), color-stop(50%, rgba(0,0,0,0.4)), to(transparent));
  background: linear-gradient(to top, rgba(0,0,0,0.9), rgba(0,0,0,0.4) 50%, transparent);
  pointer-events: none;
}

/* Folder color variants: Paleta pastel armoniosa */
.folder-back.blue-gradient[data-v-42314014] {
  /* CLIENTE = Melocotón pastel */
  background: radial-gradient(circle at 50% 0%, #fcd5ce 0%, #f8b4a8 60%, #e5989b 100%);
  -webkit-box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    inset 1px 0 0 rgba(255,255,255,0.3),
    inset -1px 0 0 rgba(255,255,255,0.3),
    inset 0 -2px 5px rgba(0,0,0,0.15),
    inset 0 0 40px rgba(252,213,206,0.4),
    0 25px 50px -12px rgba(229,152,155,0.3);
          box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    inset 1px 0 0 rgba(255,255,255,0.3),
    inset -1px 0 0 rgba(255,255,255,0.3),
    inset 0 -2px 5px rgba(0,0,0,0.15),
    inset 0 0 40px rgba(252,213,206,0.4),
    0 25px 50px -12px rgba(229,152,155,0.3);
}
.folder-back.purple-gradient[data-v-42314014] {
  /* REQUISITOS = Menta pastel */
  background: radial-gradient(circle at 50% 0%, #b5ead7 0%, #95d5b2 60%, #74c69d 100%);
  -webkit-box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    inset 1px 0 0 rgba(255,255,255,0.3),
    inset -1px 0 0 rgba(255,255,255,0.3),
    inset 0 -2px 5px rgba(0,0,0,0.15),
    inset 0 0 40px rgba(181,234,215,0.4),
    0 25px 50px -12px rgba(116,198,157,0.3);
          box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    inset 1px 0 0 rgba(255,255,255,0.3),
    inset -1px 0 0 rgba(255,255,255,0.3),
    inset 0 -2px 5px rgba(0,0,0,0.15),
    inset 0 0 40px rgba(181,234,215,0.4),
    0 25px 50px -12px rgba(116,198,157,0.3);
}
.folder-back.green-gradient[data-v-42314014] {
  /* HISTORIAL = Lavanda pastel */
  background: radial-gradient(circle at 50% 0%, #e2d1f9 0%, #c8b6e2 60%, #a88fd4 100%);
  -webkit-box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    inset 1px 0 0 rgba(255,255,255,0.3),
    inset -1px 0 0 rgba(255,255,255,0.3),
    inset 0 -2px 5px rgba(0,0,0,0.15),
    inset 0 0 40px rgba(226,209,249,0.4),
    0 25px 50px -12px rgba(168,143,212,0.3);
          box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    inset 1px 0 0 rgba(255,255,255,0.3),
    inset -1px 0 0 rgba(255,255,255,0.3),
    inset 0 -2px 5px rgba(0,0,0,0.15),
    inset 0 0 40px rgba(226,209,249,0.4),
    0 25px 50px -12px rgba(168,143,212,0.3);
}
.folder-back.activity-gradient[data-v-42314014] {
  /* TIMELINE = Morado/Violeta */
  background: radial-gradient(circle at 50% 0%, #ddd6fe 0%, #c4b5fd 60%, #a78bfa 100%);
  -webkit-box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    inset 1px 0 0 rgba(255,255,255,0.3),
    inset -1px 0 0 rgba(255,255,255,0.3),
    inset 0 -2px 5px rgba(0,0,0,0.15),
    inset 0 0 40px rgba(167,139,250,0.4),
    0 25px 50px -12px rgba(139,92,246,0.3);
          box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    inset 1px 0 0 rgba(255,255,255,0.3),
    inset -1px 0 0 rgba(255,255,255,0.3),
    inset 0 -2px 5px rgba(0,0,0,0.15),
    inset 0 0 40px rgba(167,139,250,0.4),
    0 25px 50px -12px rgba(139,92,246,0.3);
}
.folder-label[data-v-42314014] {
  position: absolute;
  top: 12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 11px;
  font-weight: 700;
  color: rgba(80,60,80,0.7);
  text-transform: uppercase;
  letter-spacing: 2px;
  white-space: nowrap;
  z-index: 10;
}

/* === CARD DECK (Documents inside) === */
.card-deck[data-v-42314014] {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 16px;
  top: 16px;
  z-index: 5;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.deck-card[data-v-42314014] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 176px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f2));
  background: linear-gradient(#ffffff 0%, #f0f0f2 100%);
  border-radius: 12px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  border-top: 1px solid rgba(255,255,255,0.8);
  border-left: 1px solid rgba(255,255,255,0.4);
  border-right: 1px solid rgba(255,255,255,0.4);
  -webkit-box-shadow:
    inset 0 0 20px rgba(255,255,255,0.5),
    0 1px 2px rgba(0,0,0,0.05),
    0 4px 8px rgba(0,0,0,0.05),
    0 8px 24px -4px rgba(0,0,0,0.1);
          box-shadow:
    inset 0 0 20px rgba(255,255,255,0.5),
    0 1px 2px rgba(0,0,0,0.05),
    0 4px 8px rgba(0,0,0,0.05),
    0 8px 24px -4px rgba(0,0,0,0.1);
  pointer-events: auto;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Noise texture on cards */
.deck-card[data-v-42314014]::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0.06;
  pointer-events: none;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
}

/* Gradient overlay on cards */
.deck-card[data-v-42314014]::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.6), transparent 50%, rgba(0,0,0,0.02));
  pointer-events: none;
  border-radius: 12px;
}
.deck-card.current[data-v-42314014] {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f2));
  background: linear-gradient(#ffffff 0%, #f0f0f2 100%);
}

/* TIME MACHINE 3D STACK - Based on summersmuir */
.time-machine-container[data-v-42314014] {
  position: relative;
  width: 100%;
  height: 100%;
  background: transparent;
  overflow: visible; /* NO cortar cards de arriba/abajo */
  cursor: ns-resize;
}
.tm-perspective[data-v-42314014] {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-perspective: 800px;
          perspective: 800px;
  padding: 20px;
}
.tm-stack[data-v-42314014] {
  position: relative;
  width: 100%;
  max-width: 500px;
  height: 400px;
}

/* Cards del Time Machine - posición absoluta, estilo minimalista */
.tm-card[data-v-42314014] {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: opacity 0.35s ease,
              -webkit-transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
              -webkit-box-shadow 0.3s ease;
  transition: opacity 0.35s ease,
              -webkit-transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
              -webkit-box-shadow 0.3s ease;
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
              opacity 0.35s ease,
              box-shadow 0.3s ease;
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
              opacity 0.35s ease,
              box-shadow 0.3s ease,
              -webkit-transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
              -webkit-box-shadow 0.3s ease;
  cursor: pointer;
  overflow: hidden;
}
.tm-card.active[data-v-42314014] {
  -webkit-box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);
          box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);
}
.tm-card-inner[data-v-42314014] {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  height: 100%;
  overflow: hidden;
}

/* Header minimalista */
.tm-header-clean[data-v-42314014] {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  padding-bottom: 8px;
}
.tm-title-clean[data-v-42314014] {
  font-size: 13px;
  font-weight: 600;
  color: #1f2937;
  line-height: 1.3;
  margin-bottom: 4px;
}
.tm-meta-clean[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 11px;
  color: #9ca3af;
}
.tm-sep[data-v-42314014] {
  color: #d1d5db;
}

/* Tabla de datos */
.tm-table-wrap[data-v-42314014] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  margin-top: 4px;
}
.tm-table[data-v-42314014] {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
}
.tm-table tr[data-v-42314014] {
  border-bottom: 1px solid #f5f5f5;
}
.tm-table tr[data-v-42314014]:last-child {
  border-bottom: none;
}
.tm-td-label[data-v-42314014] {
  padding: 5px 8px 5px 0;
  color: #9ca3af;
  font-weight: 500;
  width: 35%;
  vertical-align: top;
}
.tm-td-value[data-v-42314014] {
  padding: 5px 0;
  color: #374151;
  word-break: break-word;
}
.tm-preview[data-v-42314014] {
  font-size: 13px;
  color: #6b7280;
  line-height: 1.5;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}

/* ========================================
   ELEMENTOS DE DISEÑO MEJORADO (Compact View)
   ======================================== */
/* Barra de acento - oculta en compact */
.tm-accent-bar[data-v-42314014] {
  display: none;
}

/* Círculo con icono - oculto en compact, se usa el icono inline */
.tm-icon-circle[data-v-42314014] {
  display: none;
}

/* Título con subtítulo - simplificado en compact */
.tm-title-text[data-v-42314014] {
  display: contents;
}
.tm-title-main[data-v-42314014] {
  /* hereda estilos de tm-title-clean */
}
.tm-title-sub[data-v-42314014] {
  display: none;
}

/* Badge - simplificado en compact */
.tm-card-badge[data-v-42314014] {
  font-size: 11px;
  font-weight: 600;
  color: #9ca3af;
}

/* Indicador de más campos */
.tm-more-fields[data-v-42314014] {
  font-size: 10px;
  color: #9ca3af;
  text-align: center;
  padding: 4px 0;
  border-top: 1px dashed #e5e7eb;
}

/* Empty state */
.tm-empty-state[data-v-42314014] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  color: #d1d5db;
  font-size: 12px;
}
.tm-empty-state i[data-v-42314014] {
  font-size: 28px;
  opacity: 0.5;
}

/* ========================================
   CLIENT ROLODEX STYLES - Diseño limpio y centrado
   ======================================== */
.client-rolodex-container[data-v-42314014] {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 450px;
  background: transparent;
  overflow: visible;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 60px 20px 20px;
}
.client-perspective[data-v-42314014] {
  position: relative;
  width: 100%;
  max-width: 750px;
  height: 100%;
  min-height: 380px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-perspective: 1200px;
          perspective: 1200px;
  -webkit-perspective-origin: center 40%;
          perspective-origin: center 40%;
  padding: 40px 20px 20px;
}
.client-stack[data-v-42314014] {
  position: relative;
  width: 100%;
  height: 320px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.client-card[data-v-42314014] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 40px);
  max-width: 620px;
  min-height: 180px;
  background: white;
  border-radius: 16px;
  -webkit-box-shadow:
    0 4px 20px rgba(0, 0, 0, 0.08),
    0 8px 32px rgba(0, 0, 0, 0.06);
          box-shadow:
    0 4px 20px rgba(0, 0, 0, 0.08),
    0 8px 32px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #e5e7eb;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: transform, opacity;
}
.client-card.active[data-v-42314014] {
  cursor: default;
  -webkit-box-shadow:
    0 12px 40px rgba(95, 35, 159, 0.15),
    0 4px 20px rgba(0, 0, 0, 0.1);
          box-shadow:
    0 12px 40px rgba(95, 35, 159, 0.15),
    0 4px 20px rgba(0, 0, 0, 0.1);
  border-color: #5F239F;
  z-index: 100 !important;
}
.client-card-inner[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
  max-height: 380px;
  overflow-y: auto;
}

/* Header de la sección */
.client-section-header[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid #f1f5f9;
  margin-bottom: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.section-icon[data-v-42314014] {
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #fcd5ce 0%, #e5989b 100%);
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  font-size: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.section-title[data-v-42314014] {
  font-size: 15px;
  font-weight: 700;
  color: #1f2937;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.section-badge[data-v-42314014] {
  font-size: 10px;
  font-weight: 700;
  color: #5F239F;
  background: rgba(95, 35, 159, 0.1);
  padding: 4px 10px;
  border-radius: 10px;
}

/* Grid de 3 columnas - más compacto */
.client-columns-grid[data-v-42314014] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-line-pack: start;
      align-content: start;
}
.client-field-item[data-v-42314014] {
  background: #f8fafc;
  border-radius: 6px;
  padding: 8px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  border: 1px solid #e5e7eb;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.client-field-item[data-v-42314014]:hover {
  background: #f1f5f9;
  border-color: #d1d5db;
}
.field-label[data-v-42314014] {
  font-size: 10px;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.field-value[data-v-42314014] {
  font-size: 13px;
  font-weight: 500;
  color: #1f2937;
  word-break: break-word;
}
.field-value.field-link[data-v-42314014] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  color: #5F239F;
  text-decoration: none;
  font-weight: 600;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
}
.field-value.field-link[data-v-42314014]:hover {
  color: #7c3aed;
  text-decoration: underline;
}
.field-value.field-link i[data-v-42314014] {
  font-size: 14px;
}

/* Badge de validación */
.badge-validado[data-v-42314014] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 14px;
  height: 14px;
  background: linear-gradient(135deg, #10B981 0%, #059669 100%);
  color: white;
  border-radius: 50%;
  font-size: 9px;
  font-weight: 700;
  margin-left: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(16, 185, 129, 0.3);
          box-shadow: 0 1px 3px rgba(16, 185, 129, 0.3);
}
.client-preview-text[data-v-42314014] {
  font-size: 14px;
  color: #64748b;
  padding: 12px;
  background: #f8fafc;
  border-radius: 8px;
  line-height: 1.6;
}

/* Navegación del rolodex cliente */
.client-nav[data-v-42314014] {
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  padding: 6px 4px;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
.client-nav-btn[data-v-42314014] {
  width: 32px;
  height: 32px;
  border: 2px solid transparent;
  background: linear-gradient(135deg, #fcd5ce 0%, #e5989b 100%);
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 16px;
}
.client-nav-btn[data-v-42314014]:hover:not(:disabled) {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-box-shadow: 0 4px 12px rgba(229, 152, 155, 0.4);
          box-shadow: 0 4px 12px rgba(229, 152, 155, 0.4);
}
.client-nav-btn[data-v-42314014]:disabled {
  background: #e5e7eb;
  color: #9ca3af;
  cursor: not-allowed;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.client-nav-count[data-v-42314014] {
  font-size: 9px;
  font-weight: 700;
  color: #e5989b;
  text-align: center;
  line-height: 1;
  padding: 2px 0;
}

/* ========================================
   REQUISITOS GALLERY - MASONRY LAYOUT
   ======================================== */
.requisitos-gallery-container[data-v-42314014] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 16px;
  background: transparent; /* Sin overlay */
  scrollbar-width: thin;
  scrollbar-color: rgba(95, 35, 159, 0.2) transparent;
}
.requisitos-gallery-container[data-v-42314014]::-webkit-scrollbar {
  width: 4px;
}
.requisitos-gallery-container[data-v-42314014]::-webkit-scrollbar-track {
  background: transparent;
}
.requisitos-gallery-container[data-v-42314014]::-webkit-scrollbar-thumb {
  background: rgba(95, 35, 159, 0.2);
  border-radius: 2px;
}

/* Masonry con CSS columns */
.requisitos-grid-3col[data-v-42314014] {
  -webkit-column-count: 4;
     -moz-column-count: 4;
          column-count: 4;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
  width: 100%;
}
@media (max-width: 1200px) {
.requisitos-grid-3col[data-v-42314014] {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
}
}
@media (max-width: 800px) {
.requisitos-grid-3col[data-v-42314014] {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
}
}
@media (max-width: 500px) {
.requisitos-grid-3col[data-v-42314014] {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
}
}

/* Card de requisito - Compacta tipo Pinterest */
.requisito-card[data-v-42314014] {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: inline-block;
  width: 100%;
  margin-bottom: 12px;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.requisito-card[data-v-42314014]:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}
.requisito-card.is-active[data-v-42314014] {
  -webkit-box-shadow: 0 0 0 2px #5F239F;
          box-shadow: 0 0 0 2px #5F239F;
}

/* Thumbnail - Altura auto para masonry */
.requisito-thumb[data-v-42314014] {
  position: relative;
  width: 100%;
  min-height: 80px;
  max-height: 180px;
  background: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
.requisito-img[data-v-42314014] {
  width: 100%;
  height: auto;
  max-height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.requisito-card:hover .requisito-img[data-v-42314014] {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}

/* PDF renderizado */
.requisito-img.pdf-rendered[data-v-42314014] {
  -o-object-fit: contain;
     object-fit: contain;
  background: #fff;
  padding: 4px;
}

/* PDF Fallback - Más compacto */
.pdf-thumb-modern[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100px;
  background: #fafafa;
}
.pdf-page-stack[data-v-42314014] {
  position: relative;
  width: 44px;
  height: 56px;
}
.pdf-page[data-v-42314014] {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.pdf-page-back[data-v-42314014] {
  -webkit-transform: rotate(-3deg) translateX(-2px);
          transform: rotate(-3deg) translateX(-2px);
  background: #fee2e2;
}
.pdf-page-front[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #fecaca;
}
.pdf-icon-wrap[data-v-42314014] {
  width: 24px;
  height: 24px;
  background: #ef4444;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 3px;
}
.pdf-icon-wrap i[data-v-42314014] {
  font-size: 12px;
  color: #fff;
}
.pdf-extension[data-v-42314014] {
  font-size: 8px;
  font-weight: 800;
  color: #ef4444;
}

/* Empty state */
.requisito-empty-thumb[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #9ca3af;
  gap: 4px;
  height: 80px;
}
.requisito-empty-thumb i[data-v-42314014] {
  font-size: 20px;
  opacity: 0.5;
}
.requisito-empty-thumb span[data-v-42314014] {
  font-size: 10px;
  font-weight: 500;
}

/* File count badge */
.requisito-file-count[data-v-42314014] {
  position: absolute;
  top: 6px;
  right: 6px;
  background: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(4px);
  color: #fff;
  padding: 2px 6px;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
}
.requisito-file-count i[data-v-42314014] {
  font-size: 10px;
}

/* Info section - Muy compacta */
.requisito-info[data-v-42314014] {
  padding: 8px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.requisito-title[data-v-42314014] {
  font-size: 11px;
  font-weight: 600;
  color: #1f2937;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.requisito-status[data-v-42314014] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  font-size: 9px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.2px;
}
.requisito-status i[data-v-42314014] {
  font-size: 9px;
}

/* Status colors - Sin degradados */
.requisito-status.status-pendiente[data-v-42314014],
.requisito-status.status-pending[data-v-42314014] {
  background: #fef3c7;
  color: #b45309;
}
.requisito-status.status-revision[data-v-42314014],
.requisito-status.status-review[data-v-42314014] {
  background: #dbeafe;
  color: #1d4ed8;
}
.requisito-status.status-aprobado[data-v-42314014],
.requisito-status.status-approved[data-v-42314014] {
  background: #d1fae5;
  color: #047857;
}
.requisito-status.status-rechazado[data-v-42314014],
.requisito-status.status-rejected[data-v-42314014] {
  background: #fee2e2;
  color: #b91c1c;
}
.requisito-status.status-vencido[data-v-42314014],
.requisito-status.status-expired[data-v-42314014] {
  background: #fef2f2;
  color: #991b1b;
}

/* PDF Loading State */
.pdf-loading-thumb[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
  width: 100%;
  height: 100px;
  background: #fafafa;
  color: #9ca3af;
  font-size: 10px;
}
.pdf-loading-spinner[data-v-42314014] {
  width: 20px;
  height: 20px;
  border: 2px solid #fee2e2;
  border-top-color: #ef4444;
  border-radius: 50%;
  -webkit-animation: spin-42314014 0.7s linear infinite;
          animation: spin-42314014 0.7s linear infinite;
}
@-webkit-keyframes spin-42314014 {
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
@keyframes spin-42314014 {
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}

/* PDF Badge - Más pequeño */
.pdf-badge[data-v-42314014] {
  position: absolute;
  bottom: 6px;
  left: 6px;
  background: #ef4444;
  color: #fff;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 8px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}
.pdf-badge i[data-v-42314014] {
  font-size: 9px;
}

/* ========================================
   SPATIAL CAROUSEL - Inspired by Spatial.io
   ======================================== */
.spatial-carousel-container[data-v-42314014] {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent;
  overflow: hidden;
  padding: 20px;
  outline: none;
}
.spatial-carousel-container[data-v-42314014]:focus {
  outline: none;
}

/* Focus visible - sin borde visible, solo mejora accesibilidad */
.spatial-carousel-container[data-v-42314014]:focus-visible {
  /* Sin borde visible para mantener UI limpia */
}
.spatial-gallery[data-v-42314014] {
  position: relative;
  width: 100%;
  height: calc(100% - 200px); /* Espacio para folders abajo */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 0; /* Cards inician desde top 0 */
  -webkit-perspective: 1200px;
          perspective: 1200px;
  -webkit-perspective-origin: 50% 20%;
          perspective-origin: 50% 20%;
}
.spatial-card[data-v-42314014] {
  position: absolute;
  width: clamp(260px, 26vw, 360px);
  height: auto;
  min-height: clamp(200px, 26vh, 260px);
  max-height: clamp(260px, 34vh, 320px); /* Reducido para dejar espacio con folders */
  cursor: pointer;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  will-change: transform, opacity;
  outline: none;
}
.spatial-card-inner[data-v-42314014] {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 20px;
  overflow: hidden;
  -webkit-box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.02),
    0 8px 16px rgba(0, 0, 0, 0.04),
    0 16px 32px rgba(0, 0, 0, 0.04);
          box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.02),
    0 8px 16px rgba(0, 0, 0, 0.04),
    0 16px 32px rgba(0, 0, 0, 0.04);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
              -webkit-box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
              -webkit-box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1),
              -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
              -webkit-box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgba(0, 0, 0, 0.04);
}

/* Hover lift effect - PRD style */
.spatial-card:hover .spatial-card-inner[data-v-42314014] {
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-box-shadow:
    0 4px 8px rgba(0, 0, 0, 0.04),
    0 12px 24px rgba(0, 0, 0, 0.06),
    0 24px 48px rgba(0, 0, 0, 0.06);
          box-shadow:
    0 4px 8px rgba(0, 0, 0, 0.04),
    0 12px 24px rgba(0, 0, 0, 0.06),
    0 24px 48px rgba(0, 0, 0, 0.06);
}

/* Active card - selection accent */
.spatial-card.is-active .spatial-card-inner[data-v-42314014] {
  -webkit-box-shadow:
    0 0 0 3px #F9CE00,
    0 4px 8px rgba(0, 0, 0, 0.04),
    0 16px 32px rgba(0, 0, 0, 0.08),
    0 32px 64px rgba(0, 0, 0, 0.06);
          box-shadow:
    0 0 0 3px #F9CE00,
    0 4px 8px rgba(0, 0, 0, 0.04),
    0 16px 32px rgba(0, 0, 0, 0.08),
    0 32px 64px rgba(0, 0, 0, 0.06);
}
.spatial-card.is-active:hover .spatial-card-inner[data-v-42314014] {
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
}

/* Thumbnail area */
.spatial-thumb[data-v-42314014] {
  position: relative;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  background: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
.spatial-img[data-v-42314014] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; /* Estilo naked/cropped para todas las imágenes */
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* PDF thumbnails también naked - sin estilos especiales */
.spatial-card:hover .spatial-img[data-v-42314014] {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}

/* PDF placeholder */
.spatial-pdf-placeholder[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  color: #ef4444;
}
.spatial-pdf-placeholder i[data-v-42314014] {
  font-size: 48px;
}
.spatial-pdf-placeholder span[data-v-42314014] {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
}

/* Empty state */
.spatial-empty[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #cbd5e1;
}
.spatial-empty i[data-v-42314014] {
  font-size: 48px;
}

/* Loading spinner */
.spatial-loading[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.spatial-spinner[data-v-42314014] {
  width: 32px;
  height: 32px;
  border: 3px solid #fee2e2;
  border-top-color: #ef4444;
  border-radius: 50%;
  -webkit-animation: spin-42314014 0.8s linear infinite;
          animation: spin-42314014 0.8s linear infinite;
}

/* Badge - Oculto para estilo naked */
.spatial-badge[data-v-42314014] {
  display: none; /* Removido para estilo limpio sin badges */
}

/* File count */
.spatial-file-count[data-v-42314014] {
  position: absolute;
  top: 12px;
  right: 12px;
  min-width: 28px;
  height: 28px;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(8px);
  color: #fff;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 8px;
}

/* Info section */
.spatial-info[data-v-42314014] {
  padding: 16px 20px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.spatial-title[data-v-42314014] {
  font-size: 15px;
  font-weight: 600;
  color: #1f2937;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.spatial-status[data-v-42314014] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.spatial-status.status-pendiente[data-v-42314014],
.spatial-status.status-pending[data-v-42314014] {
  background: #fef3c7;
  color: #b45309;
}
.spatial-status.status-revision[data-v-42314014],
.spatial-status.status-review[data-v-42314014] {
  background: #dbeafe;
  color: #1d4ed8;
}
.spatial-status.status-aprobado[data-v-42314014],
.spatial-status.status-approved[data-v-42314014] {
  background: #d1fae5;
  color: #047857;
}
.spatial-status.status-rechazado[data-v-42314014],
.spatial-status.status-rejected[data-v-42314014] {
  background: #fee2e2;
  color: #b91c1c;
}

/* Navigation - Minimal clean style - Top right */
.spatial-nav-minimal[data-v-42314014] {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 100; /* Encima de los cards */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  padding: 6px 10px;
  border-radius: 100px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.04);
  pointer-events: auto; /* Asegurar clicks funcionen */
}
.spatial-nav-btn[data-v-42314014] {
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  color: #1D1D1F;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.spatial-nav-btn[data-v-42314014]:hover:not(:disabled) {
  background: #F5F5F7;
}
.spatial-nav-btn[data-v-42314014]:active:not(:disabled) {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.spatial-nav-btn[data-v-42314014]:disabled {
  color: #c7c7cc;
  cursor: not-allowed;
}
.spatial-nav-counter[data-v-42314014] {
  font-size: 13px;
  font-weight: 600;
  color: #1D1D1F;
  min-width: 44px;
  text-align: center;
  letter-spacing: -0.01em;
}

/* Responsive */
@media (max-width: 768px) {
.spatial-gallery[data-v-42314014] {
    padding-top: 8px;
    height: calc(100% - 140px); /* Espacio para folders en móvil */
}
.spatial-card[data-v-42314014] {
    width: clamp(220px, 70vw, 300px);
    min-height: clamp(180px, 30vh, 240px);
    max-height: clamp(220px, 38vh, 280px);
}
.spatial-card-inner[data-v-42314014] {
    border-radius: 18px;
}
.spatial-title[data-v-42314014] {
    font-size: 13px;
}
.spatial-info[data-v-42314014] {
    padding: 12px 16px;
}
}
@media (max-width: 480px) {
.spatial-gallery[data-v-42314014] {
    padding-top: 8px;
    height: calc(100% - 120px); /* Más espacio para folders en móvil pequeño */
}
.spatial-card[data-v-42314014] {
    width: clamp(200px, 80vw, 280px);
    min-height: clamp(160px, 28vh, 200px);
    max-height: clamp(200px, 35vh, 260px);
}
.spatial-nav[data-v-42314014] {
    padding: 8px 14px;
    gap: 8px;
}
.spatial-nav-btn[data-v-42314014] {
    width: 36px;
    height: 36px;
    font-size: 16px;
}
.spatial-dot[data-v-42314014] {
    width: 6px;
    height: 6px;
}
.spatial-counter[data-v-42314014] {
    top: 12px;
    right: 12px;
    padding: 6px 12px;
    font-size: 12px;
}
}

/* ========================================
   SPATIAL DATA CARDS - PRD Style (Glassmorphism)
   ======================================== */
.spatial-card-data[data-v-42314014] {
  /* Cards de texto (Cliente/Actividades) - anchos y optimizados para lectura */
  width: clamp(340px, 42vw, 560px);
  height: auto;
  min-height: clamp(260px, 28vh, 340px);
  max-height: clamp(340px, 45vh, 440px);
}
.spatial-data-card[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  max-height: 100%;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  overflow: hidden;
}

/* Data card header - Clean white, no gradients */
.spatial-data-header[data-v-42314014] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  padding: 20px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  background: #fff;
}
.spatial-data-header.client-header[data-v-42314014] {
  background: #fff;
  color: #1D1D1F;
}
.spatial-data-header.activity-header[data-v-42314014] {
  background: #fff;
  color: #1D1D1F;
}

/* Status indicator - small colored bar instead of gradient bg */
.spatial-data-header[data-v-42314014]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #5F239F;
  border-radius: 24px 24px 0 0;
}
.spatial-data-header.activity-header.status-completado[data-v-42314014]::before,
.spatial-data-header.activity-header.status-completed[data-v-42314014]::before {
  background: #10b981;
}
.spatial-data-header.activity-header.status-pendiente[data-v-42314014]::before,
.spatial-data-header.activity-header.status-pending[data-v-42314014]::before {
  background: #F9CE00;
}
.spatial-data-header.activity-header.status-en_proceso[data-v-42314014]::before,
.spatial-data-header.activity-header.status-in_progress[data-v-42314014]::before {
  background: #3b82f6;
}
.spatial-data-icon[data-v-42314014] {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #F5F5F7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 22px;
  color: #5F239F;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.client-header .spatial-data-icon[data-v-42314014] {
  background: #F5F5F7;
  color: #5F239F;
}
.spatial-data-title[data-v-42314014] {
  font-size: 17px;
  font-weight: 600;
  color: #1D1D1F;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  letter-spacing: -0.02em;
}

/* Meta row for activities */
.spatial-meta-row[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  padding: 12px 24px;
  background: #FAFAFA;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.spatial-meta-item[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #6b7280;
}
.spatial-meta-item i[data-v-42314014] {
  font-size: 15px;
  color: #9ca3af;
}

/* Data content */
.spatial-data-content[data-v-42314014] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 16px 24px 20px;
  overflow-y: auto;
  min-height: 0;
}
.spatial-fields-list[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.spatial-field-row[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 10px 12px;
  border-radius: 10px;
  -webkit-transition: background 0.15s ease;
  transition: background 0.15s ease;
}
.spatial-field-row[data-v-42314014]:hover {
  background: #F5F5F7;
}
.spatial-field-label[data-v-42314014] {
  font-size: 13px;
  color: #86868b;
  font-weight: 500;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 45%;
}
.spatial-field-value[data-v-42314014] {
  font-size: 14px;
  color: #1D1D1F;
  font-weight: 600;
  text-align: right;
  word-break: break-word;
}
.spatial-link[data-v-42314014] {
  color: #5F239F;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-weight: 600;
}
.spatial-link[data-v-42314014]:hover {
  color: #7c3aed;
}
.spatial-more-hint[data-v-42314014] {
  text-align: center;
  font-size: 12px;
  color: #86868b;
  padding: 12px 0 4px;
  font-weight: 500;
}
.spatial-preview-text[data-v-42314014] {
  font-size: 14px;
  color: #1D1D1F;
  line-height: 1.6;
}
.spatial-empty-data[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  min-height: 120px;
  color: #c7c7cc;
  gap: 10px;
}
.spatial-empty-data i[data-v-42314014] {
  font-size: 36px;
}
.spatial-empty-data span[data-v-42314014] {
  font-size: 13px;
  font-weight: 500;
}

/* Responsive for data cards */
@media (max-width: 768px) {
.spatial-card-data[data-v-42314014] {
    /* En móvil: cards de texto más anchos para mejor lectura */
    width: clamp(280px, 85vw, 400px);
    min-height: clamp(220px, 30vh, 280px);
    max-height: clamp(280px, 45vh, 360px);
}
.spatial-data-header[data-v-42314014] {
    padding: 16px 20px;
}
.spatial-data-icon[data-v-42314014] {
    width: 40px;
    height: 40px;
    font-size: 18px;
}
.spatial-data-title[data-v-42314014] {
    font-size: 15px;
}
.spatial-data-content[data-v-42314014] {
    padding: 12px 20px 16px;
}
}

/* Responsive */
@media (max-width: 900px) {
.client-columns-grid[data-v-42314014] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.client-columns-grid[data-v-42314014] {
    grid-template-columns: 1fr;
}
.client-stack[data-v-42314014] {
    max-width: 100%;
}
}

/* Navegación lateral - alineado con el folder */
/* TM-NAV - Barra de navegación del rolodex */
.tm-nav[data-v-42314014] {
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  padding: 6px 4px;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  -webkit-transition: right 0.3s ease;
  transition: right 0.3s ease;
}
.tm-nav-btn[data-v-42314014] {
  width: 32px;
  height: 32px;
  border: 2px solid transparent;
  background: linear-gradient(135deg, #5F239F 0%, #7c3aed 100%);
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 16px;
}
.tm-nav-btn[data-v-42314014]:hover:not(:disabled) {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-box-shadow: 0 4px 12px rgba(95, 35, 159, 0.4);
          box-shadow: 0 4px 12px rgba(95, 35, 159, 0.4);
}
.tm-nav-btn[data-v-42314014]:disabled {
  background: #e5e7eb;
  color: #9ca3af;
  cursor: not-allowed;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tm-nav-count[data-v-42314014] {
  font-size: 9px;
  font-weight: 700;
  color: #5F239F;
  text-align: center;
  line-height: 1;
  padding: 2px 0;
}

/* Timeline lateral */
.tm-timeline[data-v-42314014] {
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 0;
}
.tm-tick[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  cursor: pointer;
  position: relative;
  height: 20px;
}
.tm-tick-line[data-v-42314014] {
  width: 16px;
  height: 1px;
  background: rgba(156, 163, 175, 0.4);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tm-tick:hover .tm-tick-line[data-v-42314014] {
  width: 24px;
  background: #5F239F;
}
.tm-tick.active .tm-tick-line[data-v-42314014] {
  width: 28px;
  height: 2px;
  background: #F97316;
}
.tm-tick-label[data-v-42314014] {
  position: absolute;
  right: 36px;
  font-size: 11px;
  font-weight: 600;
  color: #F97316;
  white-space: nowrap;
}

/* ==================================================
   TM-LEFT: Ya no se usa - ambos centrados
   ================================================== */

/* Badge de validación mini (checkmark) */
.badge-validado-mini[data-v-42314014] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 14px;
  height: 14px;
  margin-left: 4px;
  font-size: 9px;
  background: #10b981;
  color: white;
  border-radius: 50%;
  vertical-align: middle;
}

/* Links en las tablas del time machine */
.tm-link[data-v-42314014] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  color: #5F239F;
  background: rgba(95, 35, 159, 0.08);
  border-radius: 12px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tm-link[data-v-42314014]:hover {
  background: rgba(95, 35, 159, 0.15);
  color: #4a1b7a;
}
.tm-link i[data-v-42314014] {
  font-size: 12px;
}

/* Hint ya no necesario - navegación visible */
.tm-hint[data-v-42314014] {
  display: none;
}

/* === CARD CONTENT === */
.card-inner[data-v-42314014] {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  gap: 12px;
}
.card-inner.empty[data-v-42314014] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ccc;
  gap: 12px;
}
.card-inner.empty i[data-v-42314014] { font-size: 40px; opacity: 0.3;
}
.card-header-row[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-icon-box[data-v-42314014] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  background: rgba(0,0,0,0.05);
}
.client-color[data-v-42314014] { background: rgba(59, 130, 246, 0.15); color: #3b82f6;
}
.req-color[data-v-42314014] { background: rgba(139, 92, 246, 0.15); color: #8b5cf6;
}
.task-color[data-v-42314014] { background: rgba(16, 185, 129, 0.15); color: #10b981;
}
.activity-color[data-v-42314014] { background: rgba(95, 35, 159, 0.15); color: #5F239F;
}
.card-count[data-v-42314014] {
  font-size: 10px;
  font-weight: 600;
  color: rgba(0,0,0,0.3);
  background: transparent;
  padding: 0;
}
.card-title[data-v-42314014] {
  font-size: 14px;
  font-weight: 600;
  color: rgba(0,0,0,0.8);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card-preview-lines[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-top: auto;
  opacity: 0.7;
}
.preview-line[data-v-42314014] {
  height: 8px;
  background: rgba(0,0,0,0.1);
  border-radius: 4px;
}
.card-mini-fields[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-top: auto;
}
.mini-tag[data-v-42314014] {
  font-size: 10px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 6px;
  background: rgba(0,0,0,0.05);
  color: rgba(0,0,0,0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.mini-tag.status.valid[data-v-42314014] { background: rgba(16, 185, 129, 0.15); color: #10b981;
}

/* === ACTIVITY CARD STYLES === */
.card-status-badge[data-v-42314014] {
  font-size: 10px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.5);
  margin-left: auto;
  white-space: nowrap;
}
.card-status-badge.completado[data-v-42314014] {
  background: rgba(16, 185, 129, 0.15);
  color: #059669;
}
.card-status-badge.error[data-v-42314014] {
  background: rgba(239, 68, 68, 0.15);
  color: #dc2626;
}
.card-status-badge.pendiente[data-v-42314014] {
  background: rgba(245, 158, 11, 0.15);
  color: #d97706;
}
.card-activity-info[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  margin-top: auto;
  padding-top: 8px;
}
.activity-meta[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.5);
}
.activity-meta i[data-v-42314014] {
  font-size: 12px;
  opacity: 0.7;
}
.activity-preview[data-v-42314014] {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 4px;
}
.card-icon-box.completed[data-v-42314014] {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}
.card-icon-box.completed i[data-v-42314014] {
  color: white;
}

/* === TIME MACHINE ROLODEX STYLES === */
.time-machine-container[data-v-42314014] {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 400px;
  -webkit-perspective: 1200px;
          perspective: 1200px;
  -webkit-perspective-origin: 50% 60%;
          perspective-origin: 50% 60%;
  overflow: visible; /* NO cortar cards */
  border-radius: 0;
}

/* Light theme - sin fondo espacial */
.time-machine-container.time-machine-light[data-v-42314014] {
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f9fa), color-stop(50%, #e9ecef), to(#dee2e6));
  background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 50%, #dee2e6 100%);
}
.time-machine-light .tm-nav-arrows.tm-nav-light .tm-nav-btn[data-v-42314014] {
  border: 2px solid #F9CE00;
  background: #fff;
  color: #5F239F;
  -webkit-box-shadow: 0 2px 8px rgba(249, 206, 0, 0.3);
          box-shadow: 0 2px 8px rgba(249, 206, 0, 0.3);
}
.time-machine-light .tm-nav-arrows.tm-nav-light .tm-nav-btn[data-v-42314014]:hover:not(:disabled) {
  background: #F9CE00;
  border-color: #F9CE00;
  color: #5F239F;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-box-shadow: 0 4px 12px rgba(249, 206, 0, 0.4);
          box-shadow: 0 4px 12px rgba(249, 206, 0, 0.4);
}
.time-machine-light .tm-nav-arrows.tm-nav-light .tm-nav-counter[data-v-42314014] {
  background: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.6);
}
.time-machine-light .time-machine-timeline.tm-timeline-light .tm-timeline-tick[data-v-42314014] {
  color: rgba(0, 0, 0, 0.4);
}
.time-machine-light .time-machine-timeline.tm-timeline-light .tm-timeline-tick[data-v-42314014]:hover {
  color: rgba(0, 0, 0, 0.7);
  background: rgba(0, 0, 0, 0.05);
}
.time-machine-light .time-machine-timeline.tm-timeline-light .tm-timeline-tick.active[data-v-42314014] {
  color: #5F239F;
  background: rgba(95, 35, 159, 0.1);
}

/* Space Background */
.time-machine-bg[data-v-42314014] {
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear,
    left top, left bottom,
    from(#0a0a1a),
    color-stop(30%, #1a1a3a),
    color-stop(60%, #2a1a4a),
    to(#1a0a2a)
  );
  background: linear-gradient(180deg,
    #0a0a1a 0%,
    #1a1a3a 30%,
    #2a1a4a 60%,
    #1a0a2a 100%
  );
  overflow: hidden;
}

/* Star field animation */
.stars[data-v-42314014] {
  position: absolute;
  width: 100%;
  height: 200%;
  background-image:
    radial-gradient(1px 1px at 20px 30px, white, transparent),
    radial-gradient(1px 1px at 40px 70px, rgba(255,255,255,0.8), transparent),
    radial-gradient(1px 1px at 50px 160px, rgba(255,255,255,0.6), transparent),
    radial-gradient(1px 1px at 90px 40px, white, transparent),
    radial-gradient(1px 1px at 130px 80px, rgba(255,255,255,0.7), transparent),
    radial-gradient(2px 2px at 160px 120px, rgba(149, 90, 255, 0.8), transparent),
    radial-gradient(1px 1px at 200px 50px, white, transparent),
    radial-gradient(1px 1px at 250px 130px, rgba(255,255,255,0.5), transparent),
    radial-gradient(1px 1px at 300px 90px, white, transparent);
  background-repeat: repeat;
  background-size: 350px 200px;
  -webkit-animation: stars-scroll-42314014 60s linear infinite;
          animation: stars-scroll-42314014 60s linear infinite;
}
.stars-2[data-v-42314014] {
  background-size: 450px 250px;
  -webkit-animation-duration: 90s;
          animation-duration: 90s;
  opacity: 0.7;
}
.stars-3[data-v-42314014] {
  background-size: 300px 180px;
  -webkit-animation-duration: 45s;
          animation-duration: 45s;
  opacity: 0.5;
}
@-webkit-keyframes stars-scroll-42314014 {
from { -webkit-transform: translateY(0); transform: translateY(0);
}
to { -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
}
@keyframes stars-scroll-42314014 {
from { -webkit-transform: translateY(0); transform: translateY(0);
}
to { -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
}

/* Card Stack Container */
.time-machine-stack[data-v-42314014] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -40%);
          transform: translate(-50%, -40%);
  width: 320px;
  height: 220px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

/* Individual Time Machine Card */
.time-machine-card[data-v-42314014] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(145deg,
    rgba(255, 255, 255, 0.95) 0%,
    rgba(245, 245, 250, 0.9) 100%
  );
  border-radius: 16px;
  padding: 20px;
  -webkit-box-shadow:
    0 4px 20px rgba(0, 0, 0, 0.3),
    0 8px 40px rgba(95, 35, 159, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow:
    0 4px 20px rgba(0, 0, 0, 0.3),
    0 8px 40px rgba(95, 35, 159, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.3);
  cursor: pointer;
  -webkit-transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.time-machine-card.tm-current[data-v-42314014] {
  -webkit-box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.4),
    0 16px 64px rgba(95, 35, 159, 0.4),
    0 0 0 2px rgba(95, 35, 159, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
          box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.4),
    0 16px 64px rgba(95, 35, 159, 0.4),
    0 0 0 2px rgba(95, 35, 159, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
.time-machine-card[data-v-42314014]:hover:not(.tm-passed) {
  -webkit-box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.35),
    0 16px 64px rgba(95, 35, 159, 0.35),
    0 0 0 2px rgba(249, 206, 0, 0.6);
          box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.35),
    0 16px 64px rgba(95, 35, 159, 0.35),
    0 0 0 2px rgba(249, 206, 0, 0.6);
}

/* Card Inner Content */
.tm-card-inner[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  gap: 10px;
}
.tm-card-header[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.tm-icon[data-v-42314014] {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: linear-gradient(135deg, #5F239F 0%, #7c3aed 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  font-size: 18px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tm-icon.completed[data-v-42314014] {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}
.tm-status[data-v-42314014] {
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.5);
  margin-left: auto;
}
.tm-status.completado[data-v-42314014] {
  background: rgba(16, 185, 129, 0.15);
  color: #059669;
}
.tm-status.error[data-v-42314014] {
  background: rgba(239, 68, 68, 0.15);
  color: #dc2626;
}
.tm-card-title[data-v-42314014] {
  font-size: 15px;
  font-weight: 700;
  color: #1a1a2e;
  line-height: 1.3;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tm-card-meta[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  margin-top: auto;
}
.tm-meta-item[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.tm-meta-item i[data-v-42314014] {
  font-size: 14px;
  opacity: 0.7;
}
.tm-card-preview[data-v-42314014] {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Timeline Navigation */
.time-machine-timeline[data-v-42314014] {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  max-height: 80%;
  overflow-y: auto;
  padding: 10px 5px;
  scrollbar-width: none;
}
.time-machine-timeline[data-v-42314014]::-webkit-scrollbar {
  display: none;
}
.tm-timeline-tick[data-v-42314014] {
  padding: 6px 12px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  white-space: nowrap;
  text-align: right;
}
.tm-timeline-tick[data-v-42314014]:hover {
  color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.1);
}
.tm-timeline-tick.active[data-v-42314014] {
  color: #F9CE00;
  font-weight: 700;
  background: rgba(249, 206, 0, 0.15);
}
.tm-tick-date[data-v-42314014] {
  font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;
}

/* Override gallery-grid for Requisitos (3 columnas) */
.gallery-context-1 .gallery-grid[data-v-42314014] {
  display: block;
  height: 100%;
  padding: 0;
  overflow: hidden;
}

/* Override gallery-grid for Rolodex */
.gallery-context-2 .gallery-grid[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 0;
  overflow: hidden;
}

/* Vanishing Point Lines */
.tm-vanishing-lines[data-v-42314014] {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
.tm-line[data-v-42314014] {
  position: absolute;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(95, 35, 159, 0.3)), to(transparent));
  background: linear-gradient(to top, rgba(95, 35, 159, 0.3) 0%, transparent 100%);
  -webkit-transform-origin: center top;
          transform-origin: center top;
}
.tm-line-1[data-v-42314014] {
  width: 1px;
  height: 100%;
  left: 20%;
  top: 30%;
  -webkit-transform: perspective(500px) rotateY(-5deg);
          transform: perspective(500px) rotateY(-5deg);
}
.tm-line-2[data-v-42314014] {
  width: 1px;
  height: 100%;
  right: 20%;
  top: 30%;
  -webkit-transform: perspective(500px) rotateY(5deg);
          transform: perspective(500px) rotateY(5deg);
}
.tm-line-3[data-v-42314014] {
  width: 1px;
  height: 100%;
  left: 35%;
  top: 25%;
  opacity: 0.5;
  -webkit-transform: perspective(500px) rotateY(-3deg);
          transform: perspective(500px) rotateY(-3deg);
}
.tm-line-4[data-v-42314014] {
  width: 1px;
  height: 100%;
  right: 35%;
  top: 25%;
  opacity: 0.5;
  -webkit-transform: perspective(500px) rotateY(3deg);
          transform: perspective(500px) rotateY(3deg);
}

/* Navigation Arrows */
.tm-nav-arrows[data-v-42314014] {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.tm-nav-btn[data-v-42314014] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 18px;
  backdrop-filter: blur(8px);
}
.tm-nav-btn[data-v-42314014]:hover:not(:disabled) {
  background: rgba(249, 206, 0, 0.2);
  border-color: rgba(249, 206, 0, 0.5);
  color: #F9CE00;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.tm-nav-btn[data-v-42314014]:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.tm-nav-counter[data-v-42314014] {
  font-size: 11px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.7);
  background: rgba(0, 0, 0, 0.3);
  padding: 6px 12px;
  border-radius: 20px;
  white-space: nowrap;
  backdrop-filter: blur(8px);
}

/* Mobile adjustments */
@media (max-width: 768px) {
.time-machine-stack[data-v-42314014] {
    width: 280px;
    height: 200px;
}
.time-machine-card[data-v-42314014] {
    padding: 16px;
    border-radius: 14px;
}
.tm-card-title[data-v-42314014] {
    font-size: 14px;
}
.time-machine-timeline[data-v-42314014] {
    right: 10px;
}
.tm-timeline-tick[data-v-42314014] {
    padding: 4px 8px;
    font-size: 9px;
}
.tm-nav-arrows[data-v-42314014] {
    left: 10px;
}
.tm-nav-btn[data-v-42314014] {
    width: 36px;
    height: 36px;
    font-size: 16px;
}
.tm-nav-counter[data-v-42314014] {
    font-size: 10px;
    padding: 4px 10px;
}
.tm-vanishing-lines[data-v-42314014] {
    display: none;
}
}

/* === FOLDER FRONT (Glass Lid) === */
.folder-front[data-v-42314014] {
  position: absolute;
  left: -4px;
  right: -4px;
  bottom: 0;
  height: 65%;
  border-radius: 20px;
  z-index: 10;
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transform: rotateX(-15deg) translateZ(30px);
          transform: rotateX(-15deg) translateZ(30px);
  -webkit-transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  background: linear-gradient(145deg, rgba(40,40,40,0.6) 0%, rgba(15,15,15,0.9) 100%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  -webkit-box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.2),
    inset 1px 0 0 rgba(255,255,255,0.1),
    inset -1px 0 0 rgba(255,255,255,0.1),
    0 -8px 30px rgba(0,0,0,0.4),
    0 10px 40px rgba(0,0,0,0.3);
          box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.2),
    inset 1px 0 0 rgba(255,255,255,0.1),
    inset -1px 0 0 rgba(255,255,255,0.1),
    0 -8px 30px rgba(0,0,0,0.4),
    0 10px 40px rgba(0,0,0,0.3);
  border-top: 1px solid rgba(255,255,255,0.15);
}

/* Noise texture on lid */
.folder-front[data-v-42314014]::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0.15;
  mix-blend-mode: overlay;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
}

/* Sheen/highlight */
.folder-sheen[data-v-42314014] {
  position: absolute;
  inset: -100%;
  background: -webkit-gradient(linear, left bottom, right top, from(transparent), color-stop(rgba(255,255,255,0.1)), to(transparent));
  background: linear-gradient(to top right, transparent, rgba(255,255,255,0.1), transparent);
  -webkit-transform: rotate(0deg) translateY(33%);
          transform: rotate(0deg) translateY(33%);
  pointer-events: none;
  -webkit-transition: -webkit-transform 0.7s ease;
  transition: -webkit-transform 0.7s ease;
  transition: transform 0.7s ease;
  transition: transform 0.7s ease, -webkit-transform 0.7s ease;
}

/* Folder front color variants */
.folder-front.glass-blue[data-v-42314014] {
  /* CLIENTE = Melocotón pastel */
  background: linear-gradient(145deg, rgba(252,213,206,0.6) 0%, rgba(229,152,155,0.8) 100%);
  border-top-color: rgba(255,230,225,0.5);
}
.folder-front.glass-purple[data-v-42314014] {
  /* REQUISITOS = Menta pastel */
  background: linear-gradient(145deg, rgba(181,234,215,0.6) 0%, rgba(116,198,157,0.8) 100%);
  border-top-color: rgba(200,245,228,0.5);
}
.folder-front.glass-green[data-v-42314014] {
  /* TAREAS = Lavanda pastel */
  background: linear-gradient(145deg, rgba(226,209,249,0.6) 0%, rgba(168,143,212,0.8) 100%);
  border-top-color: rgba(240,230,255,0.5);
}
.deck-label[data-v-42314014] {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
  margin-top: 20px;
  padding: 0;
  background: transparent;
}

/* === EXPANDED MODAL ANIMATION - OPTIMIZADO === */
.expanded-modal-overlay[data-v-42314014] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10005; /* Above GooeyMenu (10001) and below ClientInfoDrawer (10010) */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  background: rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  pointer-events: auto;
}
.expanded-modal-card[data-v-42314014] {
  width: 100%;
  max-width: 1200px;
  height: 90vh;
  max-height: 90vh;
  margin-top: 0;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 0 0 16px 16px;
  -webkit-box-shadow:
    0 25px 50px rgba(0, 0, 0, 0.15),
    0 10px 20px rgba(0, 0, 0, 0.1);
          box-shadow:
    0 25px 50px rgba(0, 0, 0, 0.15),
    0 10px 20px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-top: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform-origin: center top;
          transform-origin: center top;
  z-index: 1000;
  overflow: hidden;
}

/* Cuando dock está oculto, modal más alto */
.dock-hidden .expanded-modal-card[data-v-42314014] {
  height: calc(85vh + 120px);
  max-height: calc(85vh + 120px);
}
.expanded-modal-card.no-animation[data-v-42314014] {
  -webkit-animation: none !important;
          animation: none !important;
}
.daybreak-modal.is-dragging[data-v-42314014],
.daybreak-modal.is-resizing[data-v-42314014] {
  will-change: transform, width, height;
  -webkit-transition: none !important;
  transition: none !important;
}

/* Animación ENTRADA - rápida y suave */
.modal-expand-enter-active[data-v-42314014] {
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.modal-expand-enter-active .expanded-modal-card[data-v-42314014]:not(.no-animation) {
  -webkit-animation: modalSlideIn-42314014 0.25s cubic-bezier(0.22, 1, 0.36, 1);
          animation: modalSlideIn-42314014 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Animación SALIDA - más rápida */
.modal-expand-leave-active[data-v-42314014] {
  -webkit-transition: opacity 0.15s ease-in;
  transition: opacity 0.15s ease-in;
}
.modal-expand-leave-active .expanded-modal-card[data-v-42314014]:not(.no-animation) {
  -webkit-animation: modalSlideOut-42314014 0.15s ease-in forwards;
          animation: modalSlideOut-42314014 0.15s ease-in forwards;
}

/* Keyframes simples y fluidos - modal alineado arriba */
@-webkit-keyframes modalSlideIn-42314014 {
from {
    opacity: 0;
    -webkit-transform: scale(0.95) translateY(-20px);
            transform: scale(0.95) translateY(-20px);
}
to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
}
}
@keyframes modalSlideIn-42314014 {
from {
    opacity: 0;
    -webkit-transform: scale(0.95) translateY(-20px);
            transform: scale(0.95) translateY(-20px);
}
to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
}
}
@-webkit-keyframes modalSlideOut-42314014 {
from {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
}
to {
    opacity: 0;
    -webkit-transform: scale(0.95) translateY(-20px);
            transform: scale(0.95) translateY(-20px);
}
}
@keyframes modalSlideOut-42314014 {
from {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
}
to {
    opacity: 0;
    -webkit-transform: scale(0.95) translateY(-20px);
            transform: scale(0.95) translateY(-20px);
}
}

/* Genie In - Modal crece desde el card con perspectiva natural y smooth */
@-webkit-keyframes macosGenieIn-42314014 {
0% {
    -webkit-transform:
      translate(
        calc(var(--genie-origin-x) - 50vw),
        calc(var(--genie-origin-y) - 50vh)
      )
      scale(0.1);
            transform:
      translate(
        calc(var(--genie-origin-x) - 50vw),
        calc(var(--genie-origin-y) - 50vh)
      )
      scale(0.1);
    opacity: 0;
    -webkit-filter: blur(8px);
            filter: blur(8px);
}
40% {
    -webkit-transform:
      translate(
        calc((var(--genie-origin-x) - 50vw) * 0.5),
        calc((var(--genie-origin-y) - 50vh) * 0.5)
      )
      scale(0.5);
            transform:
      translate(
        calc((var(--genie-origin-x) - 50vw) * 0.5),
        calc((var(--genie-origin-y) - 50vh) * 0.5)
      )
      scale(0.5);
    opacity: 0.6;
    -webkit-filter: blur(3px);
            filter: blur(3px);
}
70% {
    -webkit-transform:
      translate(
        calc((var(--genie-origin-x) - 50vw) * 0.2),
        calc((var(--genie-origin-y) - 50vh) * 0.2)
      )
      scale(0.85);
            transform:
      translate(
        calc((var(--genie-origin-x) - 50vw) * 0.2),
        calc((var(--genie-origin-y) - 50vh) * 0.2)
      )
      scale(0.85);
    opacity: 0.95;
    -webkit-filter: blur(0.5px);
            filter: blur(0.5px);
}
100% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
    opacity: 1;
    -webkit-filter: blur(0px);
            filter: blur(0px);
}
}
@keyframes macosGenieIn-42314014 {
0% {
    -webkit-transform:
      translate(
        calc(var(--genie-origin-x) - 50vw),
        calc(var(--genie-origin-y) - 50vh)
      )
      scale(0.1);
            transform:
      translate(
        calc(var(--genie-origin-x) - 50vw),
        calc(var(--genie-origin-y) - 50vh)
      )
      scale(0.1);
    opacity: 0;
    -webkit-filter: blur(8px);
            filter: blur(8px);
}
40% {
    -webkit-transform:
      translate(
        calc((var(--genie-origin-x) - 50vw) * 0.5),
        calc((var(--genie-origin-y) - 50vh) * 0.5)
      )
      scale(0.5);
            transform:
      translate(
        calc((var(--genie-origin-x) - 50vw) * 0.5),
        calc((var(--genie-origin-y) - 50vh) * 0.5)
      )
      scale(0.5);
    opacity: 0.6;
    -webkit-filter: blur(3px);
            filter: blur(3px);
}
70% {
    -webkit-transform:
      translate(
        calc((var(--genie-origin-x) - 50vw) * 0.2),
        calc((var(--genie-origin-y) - 50vh) * 0.2)
      )
      scale(0.85);
            transform:
      translate(
        calc((var(--genie-origin-x) - 50vw) * 0.2),
        calc((var(--genie-origin-y) - 50vh) * 0.2)
      )
      scale(0.85);
    opacity: 0.95;
    -webkit-filter: blur(0.5px);
            filter: blur(0.5px);
}
100% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
    opacity: 1;
    -webkit-filter: blur(0px);
            filter: blur(0px);
}
}

/* Genie Out - Modal se reduce hacia el card con perspectiva natural y smooth */
@-webkit-keyframes macosGenieOut-42314014 {
0% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
    opacity: 1;
    -webkit-filter: blur(0px);
            filter: blur(0px);
}
30% {
    -webkit-transform:
      translate(
        calc((var(--genie-origin-x) - 50vw) * 0.2),
        calc((var(--genie-origin-y) - 50vh) * 0.2)
      )
      scale(0.8);
            transform:
      translate(
        calc((var(--genie-origin-x) - 50vw) * 0.2),
        calc((var(--genie-origin-y) - 50vh) * 0.2)
      )
      scale(0.8);
    opacity: 0.95;
    -webkit-filter: blur(0.5px);
            filter: blur(0.5px);
}
60% {
    -webkit-transform:
      translate(
        calc((var(--genie-origin-x) - 50vw) * 0.6),
        calc((var(--genie-origin-y) - 50vh) * 0.6)
      )
      scale(0.4);
            transform:
      translate(
        calc((var(--genie-origin-x) - 50vw) * 0.6),
        calc((var(--genie-origin-y) - 50vh) * 0.6)
      )
      scale(0.4);
    opacity: 0.5;
    -webkit-filter: blur(3px);
            filter: blur(3px);
}
100% {
    -webkit-transform:
      translate(
        calc(var(--genie-origin-x) - 50vw),
        calc(var(--genie-origin-y) - 50vh)
      )
      scale(0.1);
            transform:
      translate(
        calc(var(--genie-origin-x) - 50vw),
        calc(var(--genie-origin-y) - 50vh)
      )
      scale(0.1);
    opacity: 0;
    -webkit-filter: blur(8px);
            filter: blur(8px);
}
}
@keyframes macosGenieOut-42314014 {
0% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
    opacity: 1;
    -webkit-filter: blur(0px);
            filter: blur(0px);
}
30% {
    -webkit-transform:
      translate(
        calc((var(--genie-origin-x) - 50vw) * 0.2),
        calc((var(--genie-origin-y) - 50vh) * 0.2)
      )
      scale(0.8);
            transform:
      translate(
        calc((var(--genie-origin-x) - 50vw) * 0.2),
        calc((var(--genie-origin-y) - 50vh) * 0.2)
      )
      scale(0.8);
    opacity: 0.95;
    -webkit-filter: blur(0.5px);
            filter: blur(0.5px);
}
60% {
    -webkit-transform:
      translate(
        calc((var(--genie-origin-x) - 50vw) * 0.6),
        calc((var(--genie-origin-y) - 50vh) * 0.6)
      )
      scale(0.4);
            transform:
      translate(
        calc((var(--genie-origin-x) - 50vw) * 0.6),
        calc((var(--genie-origin-y) - 50vh) * 0.6)
      )
      scale(0.4);
    opacity: 0.5;
    -webkit-filter: blur(3px);
            filter: blur(3px);
}
100% {
    -webkit-transform:
      translate(
        calc(var(--genie-origin-x) - 50vw),
        calc(var(--genie-origin-y) - 50vh)
      )
      scale(0.1);
            transform:
      translate(
        calc(var(--genie-origin-x) - 50vw),
        calc(var(--genie-origin-y) - 50vh)
      )
      scale(0.1);
    opacity: 0;
    -webkit-filter: blur(8px);
            filter: blur(8px);
}
}
.modal-expand-enter-from[data-v-42314014],
.modal-expand-leave-to[data-v-42314014] {
  opacity: 0; /* Fade overlay background */
}
.expanded-content[data-v-42314014] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.decks-dimmed[data-v-42314014] {
  -webkit-filter: blur(4px);
          filter: blur(4px);
  opacity: 0.6;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

/* Transition classes */
.modal-expand-enter-from .expanded-modal-card[data-v-42314014],
.modal-expand-leave-to .expanded-modal-card[data-v-42314014] {
  -webkit-transform: scale(0) translateY(100px);
          transform: scale(0) translateY(100px);
  opacity: 0;
}
.modal-expand-enter-to .expanded-modal-card[data-v-42314014],
.modal-expand-leave-from .expanded-modal-card[data-v-42314014] {
  -webkit-transform: scale(1) translateY(0);
          transform: scale(1) translateY(0);
  opacity: 1;
}
.modal-expand-enter-from[data-v-42314014],
.modal-expand-leave-to[data-v-42314014] {
  opacity: 0; /* Fade overlay background */
}

/* === DECK NAVIGATION ARROWS === */
.deck-nav-arrows[data-v-42314014] {
  position: absolute;
  top: 40px; /* Más abajo, pero flotando SOBRE el folder */
  left: -16px;
  right: -16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  pointer-events: none;
  z-index: 200; /* Sobre el folder */
}
.deck-nav-btn[data-v-42314014] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, #5F239F 0%, #7c3aed 100%);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: 2px solid rgba(255, 255, 255, 0.3);
  -webkit-box-shadow:
    0 4px 12px rgba(95, 35, 159, 0.3),
    0 2px 6px rgba(0, 0, 0, 0.1);
          box-shadow:
    0 4px 12px rgba(95, 35, 159, 0.3),
    0 2px 6px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  pointer-events: auto;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  color: white;
  font-size: 18px;
  position: relative;
  overflow: hidden;
}
.deck-nav-btn[data-v-42314014]:disabled,
.deck-nav-btn.is-disabled[data-v-42314014] {
  background: #e5e7eb;
  border-color: rgba(0, 0, 0, 0.05);
  color: #9ca3af;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
}
.deck-nav-btn[data-v-42314014]::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, 0.2) 100%);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.deck-nav-btn[data-v-42314014]:hover:not(:disabled) {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-box-shadow:
    0 6px 16px rgba(95, 35, 159, 0.4),
    0 3px 8px rgba(0, 0, 0, 0.15);
          box-shadow:
    0 6px 16px rgba(95, 35, 159, 0.4),
    0 3px 8px rgba(0, 0, 0, 0.15);
}
.deck-nav-btn[data-v-42314014]:hover:not(:disabled)::before {
  opacity: 1;
}
.deck-nav-btn[data-v-42314014]:active:not(:disabled) {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-box-shadow:
    0 3px 8px rgba(95, 35, 159, 0.3),
    0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow:
    0 3px 8px rgba(95, 35, 159, 0.3),
    0 2px 4px rgba(0, 0, 0, 0.1);
}


/* === DECK HINTS === */
.deck-hint[data-v-42314014] {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 200;
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 6px 10px;
  border-radius: 12px;
  pointer-events: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-animation: pulseHint-42314014 2s ease-in-out infinite;
          animation: pulseHint-42314014 2s ease-in-out infinite;
}
@-webkit-keyframes pulseHint-42314014 {
0%, 100% { opacity: 0.7;
}
50% { opacity: 1;
}
}
@keyframes pulseHint-42314014 {
0%, 100% { opacity: 0.7;
}
50% { opacity: 1;
}
}
.deck-hint kbd[data-v-42314014] {
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 10px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

/* === MODAL HINTS === */
.modal-hints[data-v-42314014] {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  pointer-events: none;
}
.modal-hint-nav[data-v-42314014],
.modal-hint-close[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
}
.modal-hint-nav span[data-v-42314014],
.modal-hint-close span[data-v-42314014] {
  opacity: 0.9;
  white-space: nowrap;
}
.modal-hints kbd[data-v-42314014] {
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 10px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.help-hint[data-v-42314014] {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 6px 10px;
  border-radius: 20px;
  cursor: pointer;
  pointer-events: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 9998;
}
.help-hint[data-v-42314014]:hover {
  background: rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.help-hint kbd[data-v-42314014] {
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 10px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.hints-fade-enter-active[data-v-42314014],
.hints-fade-leave-active[data-v-42314014] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hints-fade-enter-from[data-v-42314014],
.hints-fade-leave-to[data-v-42314014] {
  opacity: 0;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}

/* === KEYBOARD SHORTCUTS PANEL === */
.shortcuts-overlay[data-v-42314014] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
  z-index: 10000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: auto;
}
.shortcuts-panel[data-v-42314014] {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px);
  border-radius: 12px;
  padding: 16px 20px;
  -webkit-box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
          box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.5);
  min-width: 240px;
  max-width: 300px;
}
.shortcuts-header[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}
.shortcuts-close[data-v-42314014] {
  margin-left: auto;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.05);
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #666;
}
.shortcuts-close[data-v-42314014]:hover {
  background: rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.shortcuts-list[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.shortcut-item[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 6px 8px;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 6px;
}
.shortcut-item kbd[data-v-42314014] {
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
  background: linear-gradient(180deg, #ffffff 0%, #f0f0f0 100%);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #333;
}
.shortcut-item span[data-v-42314014] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  color: #666;
}
.shortcuts-fade-enter-active[data-v-42314014],
.shortcuts-fade-leave-active[data-v-42314014] {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.shortcuts-fade-enter-from[data-v-42314014],
.shortcuts-fade-leave-to[data-v-42314014] {
  opacity: 0;
}

/* === RESPONSIVE === */

/* Tablets and small laptops (800-1024px) - Scale folders proportionally */
@media (min-width: 801px) and (max-width: 1024px) {
.decks-row[data-v-42314014] {
    gap: 24px;
}
.deck-wrapper[data-v-42314014] {
    width: clamp(180px, 25vw, 220px);
}
.folder-3d[data-v-42314014] {
    /* Maintain aspect ratio: 256:208 = 1.23:1 */
    aspect-ratio: 256 / 208;
    height: auto;
}
.deck-card[data-v-42314014] {
    /* Scale card proportionally */
    height: auto;
    aspect-ratio: 256 / 180;
}
.card-deck[data-v-42314014] {
    left: 12px;
    right: 12px;
    top: 8px;
    bottom: 8px;
}
.folder-label[data-v-42314014] {
    font-size: 9px;
    letter-spacing: 1px;
}
.card-title[data-v-42314014] {
    font-size: 11px;
}
.card-icon-box[data-v-42314014] {
    width: 28px;
    height: 28px;
    font-size: 12px;
}
.deck-name[data-v-42314014] {
    font-size: 13px;
}
}
@media (max-width: 800px) {
.decks-row[data-v-42314014] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 16px;
}
.deck-wrapper[data-v-42314014] {
    width: clamp(140px, 28vw, 180px);
    padding-top: 120px;
}
.folder-3d[data-v-42314014] {
    aspect-ratio: 256 / 208;
    height: auto;
}
.deck-card[data-v-42314014] {
    aspect-ratio: 256 / 180;
    height: auto;
    padding: 12px;
}
.card-deck[data-v-42314014] {
    left: 8px;
    right: 8px;
    top: 6px;
    bottom: 6px;
}
.card-title[data-v-42314014] {
    font-size: 10px;
}
.card-icon-box[data-v-42314014] {
    width: 24px;
    height: 24px;
    font-size: 10px;
}
.folder-label[data-v-42314014] {
    font-size: 8px;
    letter-spacing: 0.8px;
}
.deck-name[data-v-42314014] {
    font-size: 11px;
}
}
@media (max-width: 600px) {
.decks-container[data-v-42314014] {
    padding: 16px 8px;
}
.decks-row[data-v-42314014] {
    gap: 12px;
}
.deck-wrapper[data-v-42314014] {
    width: clamp(100px, 30vw, 140px);
    padding-top: 90px;
}
.folder-3d[data-v-42314014] {
    aspect-ratio: 256 / 208;
    height: auto;
}
.card-deck[data-v-42314014] {
    left: 6px;
    right: 6px;
    top: 4px;
    bottom: 4px;
}
.deck-card[data-v-42314014] {
    aspect-ratio: 256 / 180;
    height: auto;
    padding: 8px;
}
.folder-label[data-v-42314014] {
    font-size: 7px;
    letter-spacing: 0.5px;
}
.card-title[data-v-42314014] {
    font-size: 9px;
}
.card-icon-box[data-v-42314014] {
    width: 20px;
    height: 20px;
    font-size: 9px;
}
.deck-name[data-v-42314014] {
    font-size: 10px;
}
}
@media (max-width: 400px) {
.deck-wrapper[data-v-42314014] {
    width: clamp(90px, 28vw, 120px);
    padding-top: 70px;
}
.decks-row[data-v-42314014] {
    gap: 8px;
}
.folder-3d[data-v-42314014] {
    aspect-ratio: 256 / 208;
    height: auto;
}
.deck-card[data-v-42314014] {
    aspect-ratio: 256 / 180;
    height: auto;
    padding: 6px;
}
.card-deck[data-v-42314014] {
    left: 4px;
    right: 4px;
    top: 3px;
    bottom: 3px;
}
.card-icon-box[data-v-42314014] {
    width: 18px;
    height: 18px;
    font-size: 8px;
}
.card-title[data-v-42314014] {
    font-size: 8px;
}
.folder-label[data-v-42314014] {
    font-size: 6px;
}
.deck-name[data-v-42314014] {
    font-size: 9px;
}
}

/* === EXPEDIENTE PREVIEWS (Transparent Adjacent Expedientes) === */
.expediente-previews[data-v-42314014] {
  position: fixed;
  top: 50%;
  left: 20px;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
  z-index: 200; /* Above everything */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0;
}

/* Tablet y desktop: mantener en extremos */
@media (max-width: 1200px) {
.expediente-previews[data-v-42314014] {
    left: 15px;
    right: 15px;
}
}

/* Tablet pequeño */
@media (max-width: 992px) {
.expediente-previews[data-v-42314014] {
    left: 10px;
    right: 10px;
}
}

/* Mobile landscape */
@media (max-width: 768px) {
.expediente-previews[data-v-42314014] {
    left: 8px;
    right: 8px;
}
}

/* Mobile portrait: Posicionar arriba y abajo en lugar de a los lados */
@media (max-width: 576px) {
.expediente-previews[data-v-42314014] {
    position: fixed;
    left: 50%;
    right: auto;
    top: 80px;
    bottom: auto;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
    height: auto;
    width: auto;
}
}
.expediente-preview[data-v-42314014] {
  pointer-events: auto;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0.6;
}

/* Mobile: Reducir gaps */
@media (max-width: 768px) {
.expediente-preview[data-v-42314014] {
    gap: 8px;
}
}
@media (max-width: 576px) {
.expediente-preview[data-v-42314014] {
    gap: 6px;
}
}
.expediente-preview[data-v-42314014]:hover {
  opacity: 1;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.expediente-preview.prev[data-v-42314014] {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.expediente-preview.next[data-v-42314014] {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/* Estado deshabilitado (sin expediente anterior/siguiente) */
.expediente-preview.disabled[data-v-42314014] {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
.expediente-preview.disabled .preview-folder[data-v-42314014] {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.expediente-preview.disabled .preview-number[data-v-42314014],
.expediente-preview.disabled .preview-name[data-v-42314014] {
  color: #9ca3af;
}
.expediente-preview.disabled[data-v-42314014]:hover {
  opacity: 0.3;
  -webkit-transform: none;
          transform: none;
}

/* Estado de carga (navegando a otro expediente) */
.expediente-preview.loading[data-v-42314014] {
  cursor: wait;
  pointer-events: none;
}
.expediente-preview.loading .preview-folder[data-v-42314014] {
  -webkit-animation: pulse-loading-42314014 1.5s ease-in-out infinite;
          animation: pulse-loading-42314014 1.5s ease-in-out infinite;
}
.expediente-preview.loading .preview-icon i[data-v-42314014] {
  -webkit-animation: spin-42314014 1s linear infinite;
          animation: spin-42314014 1s linear infinite;
}
@-webkit-keyframes pulse-loading-42314014 {
0%, 100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    opacity: 0.7;
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
}
}
@keyframes pulse-loading-42314014 {
0%, 100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    opacity: 0.7;
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
}
}

/* Mobile portrait: Centrar horizontalmente en layout vertical */
@media (max-width: 576px) {
.expediente-preview.prev[data-v-42314014],
  .expediente-preview.next[data-v-42314014] {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
}
.preview-folder[data-v-42314014] {
  width: 180px;
  height: 110px;
  position: relative;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* Tablet: Folders más pequeños */
@media (max-width: 1200px) {
.preview-folder[data-v-42314014] {
    width: 150px;
    height: 95px;
}
}

/* Tablet pequeño: Aún más pequeños */
@media (max-width: 992px) {
.preview-folder[data-v-42314014] {
    width: 120px;
    height: 80px;
}
}

/* Mobile landscape: Muy pequeños */
@media (max-width: 768px) {
.preview-folder[data-v-42314014] {
    width: 100px;
    height: 70px;
}
}

/* Mobile portrait: Compactos, horizontales */
@media (max-width: 576px) {
.preview-folder[data-v-42314014] {
    width: 120px;
    height: 60px;
}
}

/* Folder 3D structure */
.preview-folder[data-v-42314014]::before {
  content: '';
  position: absolute;
  top: -8px;
  left: 15px;
  width: 50px;
  height: 12px;
  background: linear-gradient(135deg, rgba(150, 150, 150, 0.4) 0%, rgba(120, 120, 120, 0.4) 100%);
  border-radius: 4px 4px 0 0;
  -webkit-transform: rotateX(45deg);
          transform: rotateX(45deg);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}

/* Tablet: Tab más pequeño */
@media (max-width: 1200px) {
.preview-folder[data-v-42314014]::before {
    width: 40px;
    height: 10px;
    top: -6px;
    left: 12px;
}
}

/* Mobile: Tab muy pequeño */
@media (max-width: 768px) {
.preview-folder[data-v-42314014]::before {
    width: 30px;
    height: 8px;
    top: -5px;
    left: 10px;
}
}
@media (max-width: 576px) {
.preview-folder[data-v-42314014]::before {
    width: 25px;
    height: 6px;
    top: -4px;
    left: 8px;
}
}
.preview-folder[data-v-42314014]::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(140, 140, 140, 0.3) 0%, rgba(100, 100, 100, 0.3) 100%);
  backdrop-filter: blur(16px) saturate(150%);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  border: 1.5px solid rgba(200, 200, 200, 0.3);
  border-radius: 12px;
  -webkit-box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.15),
    inset 0 1px 2px rgba(255, 255, 255, 0.2),
    inset 0 -2px 4px rgba(0, 0, 0, 0.1);
          box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.15),
    inset 0 1px 2px rgba(255, 255, 255, 0.2),
    inset 0 -2px 4px rgba(0, 0, 0, 0.1);
}
.expediente-preview:hover .preview-folder[data-v-42314014]::after {
  background: linear-gradient(135deg, rgba(160, 160, 160, 0.4) 0%, rgba(120, 120, 120, 0.4) 100%);
  border-color: rgba(220, 220, 220, 0.5);
  -webkit-box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.2),
    inset 0 1px 3px rgba(255, 255, 255, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.15);
          box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.2),
    inset 0 1px 3px rgba(255, 255, 255, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.15);
}
.preview-content[data-v-42314014] {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: 100%;
  padding: 16px;
}

/* Tablet: Menos padding */
@media (max-width: 1200px) {
.preview-content[data-v-42314014] {
    padding: 12px;
    gap: 10px;
}
}

/* Mobile: Padding mínimo */
@media (max-width: 768px) {
.preview-content[data-v-42314014] {
    padding: 8px;
    gap: 6px;
}
}

/* Mobile portrait: Muy compacto */
@media (max-width: 576px) {
.preview-content[data-v-42314014] {
    padding: 6px 8px;
    gap: 8px;
}
}
.preview-icon[data-v-42314014] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(80, 80, 80, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  color: rgba(40, 40, 40, 0.9);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Tablet: Iconos más pequeños */
@media (max-width: 1200px) {
.preview-icon[data-v-42314014] {
    width: 28px;
    height: 28px;
    font-size: 14px;
}
}

/* Mobile: Iconos pequeños */
@media (max-width: 768px) {
.preview-icon[data-v-42314014] {
    width: 24px;
    height: 24px;
    font-size: 12px;
}
}

/* Mobile portrait: Iconos mínimos */
@media (max-width: 576px) {
.preview-icon[data-v-42314014] {
    width: 20px;
    height: 20px;
    font-size: 10px;
}
}
.preview-info[data-v-42314014] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.preview-number[data-v-42314014] {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: rgba(60, 60, 60, 0.8);
  margin-bottom: 4px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
}

/* Mobile: Textos más pequeños */
@media (max-width: 768px) {
.preview-number[data-v-42314014] {
    font-size: 8px;
    margin-bottom: 2px;
}
}
@media (max-width: 576px) {
.preview-number[data-v-42314014] {
    font-size: 7px;
    letter-spacing: 0.3px;
}
}
.preview-name[data-v-42314014] {
  font-size: 12px;
  font-weight: 600;
  color: rgba(30, 30, 30, 0.95);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
}

/* Mobile: Nombres más compactos */
@media (max-width: 768px) {
.preview-name[data-v-42314014] {
    font-size: 10px;
}
}
@media (max-width: 576px) {
.preview-name[data-v-42314014] {
    font-size: 9px;
}
}
.preview-hint[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 6px 10px;
  border-radius: 12px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

/* Mobile: Hints más pequeños */
@media (max-width: 768px) {
.preview-hint[data-v-42314014] {
    padding: 4px 6px;
    border-radius: 8px;
    gap: 3px;
}
}
@media (max-width: 576px) {
.preview-hint[data-v-42314014] {
    padding: 3px 5px;
    border-radius: 6px;
    gap: 2px;
}
}
.expediente-preview:hover .preview-hint[data-v-42314014] {
  opacity: 1;
}
.preview-hint kbd[data-v-42314014] {
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 10px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

/* Mobile: Kbd más pequeños */
@media (max-width: 768px) {
.preview-hint kbd[data-v-42314014] {
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    font-size: 8px;
}
}
@media (max-width: 576px) {
.preview-hint kbd[data-v-42314014] {
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    font-size: 7px;
}
}

/* Preview fade transition */
.preview-fade-enter-active[data-v-42314014],
.preview-fade-leave-active[data-v-42314014] {
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.preview-fade-enter-from[data-v-42314014],
.preview-fade-leave-to[data-v-42314014] {
  opacity: 0;
}
.preview-fade-enter-from .expediente-preview.prev[data-v-42314014] {
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
}
.preview-fade-enter-from .expediente-preview.next[data-v-42314014] {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}
.preview-fade-leave-to .expediente-preview.prev[data-v-42314014] {
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
}
.preview-fade-leave-to .expediente-preview.next[data-v-42314014] {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}

/* ============================================
   MOBILE TOUCH OPTIMIZATIONS
   Larger targets, better spacing, smoother interactions
   ============================================ */
@media (max-width: 768px) {
  /* Navigation buttons: Larger touch targets */
.deck-nav-btn[data-v-42314014] {
    width: 48px;
    height: 48px;
    font-size: 22px;
}

  /* Hints: Hide ALL hints on mobile (no keyboard) */
.deck-hint[data-v-42314014],
  .modal-hints[data-v-42314014],
  .deck-wrapper .deck-hint[data-v-42314014] {
    display: none !important;
    visibility: hidden !important;
}

  /* Decks container: Better spacing */
.decks-container[data-v-42314014] {
    padding: 20px 12px;
}

  /* Folders: Touch-optimized tap area */
.folder-3d[data-v-42314014] {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

  /* Card deck: Better padding for readability */
.card-deck[data-v-42314014] {
    padding: 12px;
}

  /* Disable hover effects on touch devices */
@media (hover: none) {
.deck-nav-btn[data-v-42314014]:hover {
      -webkit-transform: none;
              transform: none;
      -webkit-box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.12),
        0 2px 8px rgba(0, 0, 0, 0.08),
        inset 0 1px 2px rgba(255, 255, 255, 0.8);
              box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.12),
        0 2px 8px rgba(0, 0, 0, 0.08),
        inset 0 1px 2px rgba(255, 255, 255, 0.8);
}
.folder-3d[data-v-42314014]:hover {
      -webkit-transform: none;
              transform: none;
}
}

  /* Active states for touch feedback */
.folder-3d[data-v-42314014]:active {
    opacity: 0.9;
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
}
.deck-nav-btn[data-v-42314014]:active {
    -webkit-transform: scale(0.95) !important;
            transform: scale(0.95) !important;
}
}

/* Mobile Portrait: Even more compact */
@media (max-width: 576px) {
.deck-nav-btn[data-v-42314014] {
    width: 44px;
    height: 44px;
    font-size: 20px;
}
.decks-container[data-v-42314014] {
    padding: 16px 8px;
}

  /* Gestos de swipe: Indicadores visuales */
.decks-container[data-v-42314014]::after {
    content: '';
    position: fixed;
    bottom: 8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 40px;
    height: 4px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    pointer-events: none;
}
}

/* ============================================
   MOBILE CLEAN UI - Utility Design
   Simple, functional, no gradients
   ============================================ */
.mobile-shell[data-v-42314014] {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #f5f5f7;
  overflow: hidden;
  pointer-events: auto !important; /* Critical: ensure mobile interactions work */
}

/* Navbar */
.mobile-navbar[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 56px;
  padding: 0 8px;
  padding-top: env(safe-area-inset-top, 0px);
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mobile-nav-btn[data-v-42314014] {
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: none;
  border: none;
  font-size: 22px;
  color: #1a1a1a;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.mobile-nav-btn[data-v-42314014]:active {
  opacity: 0.5;
}
.mobile-nav-title[data-v-42314014] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  color: #1a1a1a;
}

/* Content Area */
.mobile-content[data-v-42314014] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  pointer-events: auto;
}

/* Folders View - sin navbar */
.mobile-folders-view[data-v-42314014] {
  padding-top: 16px;
}

/* Folder List */
.mobile-folder-list[data-v-42314014] {
  padding: 0 16px 16px;
  padding-bottom: calc(120px + env(safe-area-inset-bottom, 0px));
}
.mobile-folder-row[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  width: 100%;
  padding: 16px;
  margin-bottom: 10px;
  background: #fff;
  border: none;
  border-radius: 12px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.08);
          box-shadow: 0 1px 3px rgba(0,0,0,0.08);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  position: relative;
  z-index: 1;
  pointer-events: auto;
}
.mobile-folder-row[data-v-42314014]:active {
  background: #f0f0f0;
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}
.folder-icon[data-v-42314014] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 22px;
  color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.folder-icon.pink[data-v-42314014] { background: #ec4899;
}
.folder-icon.purple[data-v-42314014] { background: #8b5cf6;
}
.folder-icon.green[data-v-42314014] { background: #10b981;
}
.folder-info[data-v-42314014] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.folder-info strong[data-v-42314014] {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 2px;
}
.folder-info small[data-v-42314014] {
  display: block;
  font-size: 13px;
  color: #888;
}
.folder-arrow[data-v-42314014] {
  font-size: 18px;
  color: #ccc;
}

/* Card List */
.mobile-card-list[data-v-42314014] {
  padding: 12px 16px;
  padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px));
}
.mobile-card-row[data-v-42314014] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: 100%;
  padding: 14px;
  margin-bottom: 8px;
  background: #fff;
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.06);
          box-shadow: 0 1px 2px rgba(0,0,0,0.06);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
}
.mobile-card-row[data-v-42314014]:active {
  background: #f8f8f8;
}
.mobile-card-row.is-section[data-v-42314014] {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 8px 4px;
  margin-top: 8px;
  cursor: default;
}
.mobile-card-row.is-section strong[data-v-42314014] {
  font-size: 12px;
  font-weight: 600;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.card-icon[data-v-42314014] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* Colores distintivos por segmento - Paleta cálida y profesional */
/* Cliente: tonos cálidos y terrosos */
.card-icon.coral[data-v-42314014] { background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
}
.card-icon.amber[data-v-42314014] { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}
.card-icon.teal[data-v-42314014] { background: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);
}
.card-icon.indigo[data-v-42314014] { background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
}
.card-icon.rose[data-v-42314014] { background: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);
}

/* Requisitos: tonos vibrantes */
.card-icon.violet[data-v-42314014] { background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
}
.card-icon.blue[data-v-42314014] { background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}
.card-icon.emerald[data-v-42314014] { background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}
.card-icon.orange[data-v-42314014] { background: linear-gradient(135deg, #fb923c 0%, #f97316 100%);
}
.card-icon.fuchsia[data-v-42314014] { background: linear-gradient(135deg, #d946ef 0%, #c026d3 100%);
}

/* Tareas: tonos frescos */
.card-icon.cyan[data-v-42314014] { background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
}
.card-icon.lime[data-v-42314014] { background: linear-gradient(135deg, #84cc16 0%, #65a30d 100%);
}
.card-icon.sky[data-v-42314014] { background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
}
.card-icon.purple[data-v-42314014] { background: linear-gradient(135deg, #a855f7 0%, #9333ea 100%);
}

/* Colores legacy (fallback) */
.card-icon.pink[data-v-42314014] { background: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
}
.card-icon.green[data-v-42314014] { background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
}
.card-info[data-v-42314014] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.card-info strong[data-v-42314014] {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card-info small[data-v-42314014] {
  display: block;
  font-size: 12px;
  color: #999;
}
.card-arrow[data-v-42314014] {
  font-size: 16px;
  color: #ccc;
}

/* Detail View */
.mobile-detail[data-v-42314014] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #f5f5f7;
  overflow: hidden; /* Child handles scroll */
  pointer-events: auto;
}

/* Ensure deck-container fills and scrolls properly in mobile */
.mobile-detail > .deck-container[data-v-42314014],
.mobile-detail > div > .deck-container[data-v-42314014] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  max-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 0;
  overflow: hidden;
}
.mobile-detail .deck-content[data-v-42314014] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px));
}

/* Ensure buttons are clickable in mobile */
.mobile-detail .deck-header[data-v-42314014],
.mobile-detail .close-btn[data-v-42314014],
.mobile-detail .edit-btn[data-v-42314014],
.mobile-detail button[data-v-42314014] {
  pointer-events: auto;
  position: relative;
  z-index: 10;
}

/* ========================================== */
/* CONSOLIDATED RESPONSIVE - SPATIAL LAYOUT   */
/* ========================================== */

/* === 4K UHD (3840x2160) === */
@media (min-width: 3200px) {
.gallery-grid[data-v-42314014] {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 28px;
    padding: 32px;
}
.deck-card.thumbnail-mode[data-v-42314014] {
    min-height: 180px;
}
.decks-container[data-v-42314014] {
    padding: 60px 40px;
    gap: 32px;
}
}

/* === QHD/2K (2560x1440) === */
@media (min-width: 2200px) and (max-width: 3199px) {
.gallery-grid[data-v-42314014] {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 24px;
    padding: 28px;
}
.decks-container[data-v-42314014] {
    padding: 50px 32px;
}
}

/* === Full HD+ (1800-2199px) === */
@media (min-width: 1800px) and (max-width: 2199px) {
.gallery-grid[data-v-42314014] {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 22px;
}
}

/* === Laptop HD (1280-1499px) === */
@media (min-width: 1280px) and (max-width: 1499px) {
.gallery-grid[data-v-42314014] {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 16px;
    padding: 20px;
    padding-bottom: 100px;
}
.decks-container[data-v-42314014] {
    padding: 32px 20px;
    gap: 20px;
}
}

/* === Tablet Landscape (1024-1279px) === */
@media (min-width: 1024px) and (max-width: 1279px) {
.gallery-grid[data-v-42314014] {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 14px;
    padding: 16px;
    padding-bottom: 90px;
}
.decks-container[data-v-42314014] {
    padding: 28px 16px;
    gap: 18px;
}
.gallery-title[data-v-42314014] {
    font-size: 14px;
}
}

/* === Tablet Portrait (768-1023px) === */
@media (min-width: 768px) and (max-width: 1023px) {
.gallery-grid[data-v-42314014] {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 12px;
    padding: 14px;
    padding-bottom: 100px;
}
.gallery-above-folders[data-v-42314014] {
    padding: 0;
}
.decks-container[data-v-42314014] {
    padding: 24px 14px;
    gap: 16px;
}
.gallery-title[data-v-42314014] {
    font-size: 13px;
    gap: 8px;
}
.gallery-title i[data-v-42314014] {
    font-size: 16px;
}
}

/* === Mobile Landscape (600-767px) === */
@media (min-width: 600px) and (max-width: 767px) {
.gallery-grid[data-v-42314014] {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 10px;
    padding: 12px;
    padding-bottom: 80px;
}
.decks-container[data-v-42314014] {
    padding: 20px 12px;
    gap: 14px;
}
.gallery-title[data-v-42314014] {
    font-size: 12px;
}
}

/* === Mobile Portrait (< 600px) - FULL MOBILE OPTIMIZATION === */
@media (max-width: 599px) {
.gallery-above-folders[data-v-42314014] {
    background: rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(16px);
}
.gallery-grid[data-v-42314014] {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 12px;
    padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px));
}
.gallery-header[data-v-42314014] {
    padding: 0 4px;
    margin-bottom: 12px;
}
.gallery-title[data-v-42314014] {
    font-size: 12px;
    gap: 6px;
}
.gallery-title i[data-v-42314014] {
    font-size: 14px;
}
.gallery-close-btn[data-v-42314014] {
    width: 28px;
    height: 28px;
    font-size: 14px;
}
.decks-container[data-v-42314014] {
    padding: 16px 10px;
    gap: 12px;
}

  /* Cards más compactas en móvil */
.deck-card.thumbnail-mode[data-v-42314014] {
    min-height: 100px;
    border-radius: 10px;
}
.deck-card.thumbnail-mode .deck-card-content[data-v-42314014] {
    padding: 8px 10px;
}
.deck-card.thumbnail-mode .card-icon[data-v-42314014] {
    width: 28px;
    height: 28px;
    font-size: 14px;
}
.deck-card.thumbnail-mode .card-title[data-v-42314014] {
    font-size: 11px;
    -webkit-line-clamp: 2;
}
.deck-card.thumbnail-mode .card-meta[data-v-42314014] {
    font-size: 9px;
}

  /* Rolodex en móvil - pantalla completa */
.time-machine-container[data-v-42314014],
  .client-rolodex-container[data-v-42314014] {
    padding: 10px !important;
    margin: 0 !important;
}
.tm-perspective[data-v-42314014],
  .client-perspective[data-v-42314014] {
    padding: 10px 0 !important;
    max-width: 100% !important;
}
.tm-card[data-v-42314014],
  .client-card[data-v-42314014] {
    max-width: 100% !important;
    min-height: auto !important;
    border-radius: 12px !important;
}
.tm-stack[data-v-42314014],
  .client-stack[data-v-42314014] {
    max-width: 100% !important;
    height: auto !important;
    min-height: 300px;
}

  /* Timeline oculto en móvil portrait */
.tm-timeline[data-v-42314014],
  .time-machine-timeline[data-v-42314014] {
    display: none !important;
}

  /* Detail view móvil */
.mobile-detail-view[data-v-42314014] {
    top: 0;
    padding-bottom: env(safe-area-inset-bottom, 0px);
}
.mobile-deck-navbar[data-v-42314014] {
    padding: 0 8px;
    height: 52px;
}
.mobile-navbar-back[data-v-42314014] {
    min-width: 44px;
    height: 44px;
}
.mobile-navbar-title[data-v-42314014] {
    font-size: 15px;
}
}

/* === Very Small Mobile (< 400px) === */
@media (max-width: 399px) {
.gallery-grid[data-v-42314014] {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    padding: 8px;
    padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px));
}
.deck-card.thumbnail-mode[data-v-42314014] {
    min-height: 90px;
    border-radius: 8px;
}
.deck-card.thumbnail-mode .deck-card-content[data-v-42314014] {
    padding: 6px 8px;
}
.deck-card.thumbnail-mode .card-icon[data-v-42314014] {
    width: 24px;
    height: 24px;
    font-size: 12px;
}
.deck-card.thumbnail-mode .card-title[data-v-42314014] {
    font-size: 10px;
}
.deck-card.thumbnail-mode .card-meta[data-v-42314014] {
    font-size: 8px;
}
.gallery-title[data-v-42314014] {
    font-size: 11px;
}
.gallery-close-btn[data-v-42314014] {
    width: 26px;
    height: 26px;
    font-size: 13px;
}
}

/* ========================================== */
/* HEIGHT-BASED RESPONSIVE                     */
/* ========================================== */

/* === Altura limitada (768px o menos) === */
@media (max-height: 768px) and (min-width: 768px) {
.gallery-grid[data-v-42314014] {
    padding-bottom: 80px;
}
.decks-container[data-v-42314014] {
    padding: 24px 20px;
    gap: 16px;
}
.tm-card[data-v-42314014],
  .client-card[data-v-42314014] {
    min-height: 300px !important;
}
}

/* === Altura muy corta (600px o menos) === */
@media (max-height: 600px) and (min-width: 768px) {
.gallery-grid[data-v-42314014] {
    padding: 12px;
    padding-bottom: 70px;
    gap: 12px;
}
.decks-container[data-v-42314014] {
    padding: 16px;
    gap: 12px;
}
.gallery-header[data-v-42314014] {
    margin-bottom: 12px;
}
.tm-card[data-v-42314014],
  .client-card[data-v-42314014] {
    min-height: 260px !important;
}
}

/* ========================================== */
/* TOUCH DEVICE OPTIMIZATIONS                  */
/* ========================================== */
@media (hover: none) and (pointer: coarse) {
.deck-card.thumbnail-mode[data-v-42314014] {
    min-height: 100px;
}
.deck-card.thumbnail-mode[data-v-42314014]:active {
    -webkit-transform: scale(0.97);
            transform: scale(0.97);
    -webkit-transition: -webkit-transform 0.1s ease;
    transition: -webkit-transform 0.1s ease;
    transition: transform 0.1s ease;
    transition: transform 0.1s ease, -webkit-transform 0.1s ease;
}
.deck-card[data-v-42314014]:hover {
    -webkit-transform: none;
            transform: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.gallery-close-btn[data-v-42314014]:hover {
    -webkit-transform: none;
            transform: none;
}

  /* Áreas táctiles mínimas */
.gallery-close-btn[data-v-42314014] {
    min-width: 44px;
    min-height: 44px;
}
.mobile-navbar-back[data-v-42314014] {
    min-width: 48px;
    min-height: 48px;
}
}

/* ========================================== */
/* ACCESSIBILITY                               */
/* ========================================== */
@media (prefers-reduced-motion: reduce) {
.gallery-folder-leave-active .deck-card[data-v-42314014],
  .gallery-folder-enter-active .deck-card[data-v-42314014],
  .gallery-folder-leave-active .time-machine-container[data-v-42314014],
  .gallery-folder-enter-active .time-machine-container[data-v-42314014],
  .gallery-folder-leave-active .tm-card[data-v-42314014],
  .gallery-folder-enter-active .tm-card[data-v-42314014],
  .modal-slide-enter-active[data-v-42314014],
  .modal-slide-leave-active[data-v-42314014] {
    -webkit-transition: none !important;
    transition: none !important;
}
.deck-card.thumbnail-mode[data-v-42314014]:hover {
    -webkit-transform: none;
            transform: none;
}
}

/* ============================
   DECK CONTAINER & HEADER (igual que DeckClientDetails)
   ============================ */
.deck-container[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
}
.deck-header[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 6px 10px;
  background: white;
  border-bottom: 1px solid #e5e7eb;
}
.header-title-block[data-v-34307a9a] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0;
}
.header-title[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 700;
  color: #1a1a1a;
}
.header-title i[data-v-34307a9a] { color: #5F239F; font-size: 15px;
}
.header-subtitle[data-v-34307a9a] {
  font-size: 11px;
  color: #6b7280;
  margin-top: 1px;
  padding-left: 21px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-actions[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.close-btn[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  background: transparent;
  color: #9ca3af;
}
.close-btn[data-v-34307a9a]:hover { background: rgba(239,68,68,0.1); color: #ef4444;
}
.action-btn[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  background: rgba(95,36,159,0.1);
  color: #5F239F;
}
.action-btn[data-v-34307a9a]:hover { background: #5F239F; color: white;
}
.nav-btn[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  background: rgba(95,36,159,0.1);
  color: #5F239F;
}
.nav-btn[data-v-34307a9a]:hover { background: #5F239F; color: white;
}
.nav-counter[data-v-34307a9a] {
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  min-width: 32px;
  text-align: center;
}
.header-divider[data-v-34307a9a] {
  width: 1px;
  height: 20px;
  background: #e5e7eb;
  margin: 0 4px;
}

/* Mobile: hide deck-header */
@media (max-width: 768px) {
.deck-header[data-v-34307a9a] { display: none !important;
}
}
.requisito-split-container[data-v-34307a9a] {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: white;
  overflow: hidden;
  outline: none; /* Remove focus outline */
}

/* === HERO STRIP HEADER === */
.viewer-hero-header[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 16px;
  background: linear-gradient(135deg, #f8f9fa 0%, #fff 100%);
  border-bottom: 1px solid rgba(0,0,0,0.06);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.hero-strip-inline[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
}
.hero-cat-badge[data-v-34307a9a] {
  background: #f0f0f0;
  color: #666;
  font-size: 9px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 4px;
  margin-left: 6px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.hero-dot[data-v-34307a9a] {
  color: #ccc;
  font-size: 10px;
  margin: 0 2px;
}
.hero-text[data-v-34307a9a] {
  font-size: 10px;
  font-weight: 500;
  color: #555;
  white-space: nowrap;
}
.hero-text.mono[data-v-34307a9a] {
  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
  font-size: 10px;
  letter-spacing: -0.3px;
}
.hero-text.muted[data-v-34307a9a] {
  color: #888;
}
.hero-divider[data-v-34307a9a] {
  width: 1px;
  height: 16px;
  background: rgba(0,0,0,0.1);
  margin: 0 4px;
}
.hero-actions[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.hero-nav-btn[data-v-34307a9a] {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  background: white;
  color: #666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 12px;
}
.hero-nav-btn[data-v-34307a9a]:hover {
  background: #f5f5f5;
  border-color: #ccc;
  color: #333;
}
.hero-counter[data-v-34307a9a] {
  font-size: 10px;
  font-weight: 600;
  color: #888;
  min-width: 32px;
  text-align: center;
}
.hero-close-btn[data-v-34307a9a] {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: none;
  background: #f5f5f5;
  color: #666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 12px;
}
.hero-close-btn[data-v-34307a9a]:hover {
  background: #fee2e2;
  color: #dc2626;
}

/* === MAIN CONTENT AREA === */
.requisito-split-container > .preview-area[data-v-34307a9a],
.requisito-split-container > .requisito-sidebar[data-v-34307a9a] {
  /* These are now inside a flex column */
}

/* Wrapper for document + sidebar */
.requisito-split-container[data-v-34307a9a]::after {
  content: none;
}

/* Make preview and sidebar side by side */
.requisito-split-container[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.requisito-split-container[data-v-34307a9a] > :nth-child(2),
.requisito-split-container[data-v-34307a9a] > :nth-child(3) {
  /* Preview and sidebar */
}

/* Override to make content row */
.requisito-split-container[data-v-34307a9a] {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 350px;
}

/* === FILE NAVIGATION BAR === */
.file-nav-bar[data-v-34307a9a] {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  background: rgba(0,0,0,0.7);
  backdrop-filter: blur(10px);
  padding: 8px 16px;
  border-radius: 20px;
  z-index: 10;
}
.file-nav-btn[data-v-34307a9a] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: none;
  background: rgba(255,255,255,0.2);
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.file-nav-btn[data-v-34307a9a]:hover:not(:disabled) {
  background: rgba(255,255,255,0.3);
}
.file-nav-btn[data-v-34307a9a]:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.file-nav-counter[data-v-34307a9a] {
  color: white;
  font-size: 13px;
  font-weight: 600;
  min-width: 50px;
  text-align: center;
}

/* === ZOOM INDICATOR === */
.zoom-indicator[data-v-34307a9a] {
  position: absolute;
  top: 20px;
  right: 20px;
  background: rgba(0,0,0,0.7);
  color: white;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  font-family: monospace;
  z-index: 10;
}

/* === KEYBOARD HINTS === */
.keyboard-hints[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  margin-top: 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.keyboard-hints span[data-v-34307a9a] {
  font-size: 11px;
  color: #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.keyboard-hints kbd[data-v-34307a9a] {
  background: #f0f0f0;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 10px;
  font-family: monospace;
  color: #666;
}

/* === LEFT PREVIEW AREA === */
.preview-area[data-v-34307a9a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  background: #f8f9fa;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.document-container[data-v-34307a9a] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
  position: relative;
  overflow: hidden;
}
.doc-image[data-v-34307a9a] {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-box-shadow: 0 8px 24px rgba(0,0,0,0.1);
          box-shadow: 0 8px 24px rgba(0,0,0,0.1);
  border-radius: 4px;
}
.doc-iframe[data-v-34307a9a] {
  width: 100%;
  height: 100%;
  border: none;
  background: white;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 24px rgba(0,0,0,0.1);
          box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
.doc-placeholder[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  color: #999;
}
.doc-placeholder i[data-v-34307a9a] {
  font-size: 48px;
}
.empty-state[data-v-34307a9a] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ccc;
  gap: 12px;
}
.empty-state i[data-v-34307a9a] { font-size: 48px;
}

/* === RIGHT SIDEBAR === */
.requisito-sidebar[data-v-34307a9a] {
  width: 350px;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-left: 1px solid rgba(0,0,0,0.05);
  z-index: 20;
  overflow: hidden;
}
.sidebar-section[data-v-34307a9a] {
  padding: 20px;
  border-bottom: 1px solid #f5f5f5;
}
.thumbnails-section[data-v-34307a9a] {
  background: #fff;
}
.data-section[data-v-34307a9a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 0;
  overflow: hidden;
  padding: 16px;
}
.section-header[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.section-title[data-v-34307a9a] {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #999;
}
.section-title.text-primary[data-v-34307a9a] {
  color: #5F239F;
}

/* Thumbnails */
.nav-controls[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.close-sidebar-btn[data-v-34307a9a] {
  background: #f5f5f5;
  border: none;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  color: #666;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.close-sidebar-btn[data-v-34307a9a]:hover {
  background: #e0e0e0;
  color: #333;
}
.thumbnails-scroll[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 4px;
}
.thumb-item[data-v-34307a9a] {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 2px solid transparent;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.thumb-item.active[data-v-34307a9a] {
  border-color: #5F239F;
  -webkit-box-shadow: 0 4px 12px rgba(95, 35, 159, 0.2);
          box-shadow: 0 4px 12px rgba(95, 35, 159, 0.2);
}
.thumb-img[data-v-34307a9a] {
  width: 100%;
  height: 100%;
  background: #f0f0f0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.thumb-img img[data-v-34307a9a] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;
}
.thumb-img i[data-v-34307a9a] { font-size: 20px; color: #5F239F;
}

/* OCR Data Styles */
.paper-content[data-v-34307a9a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  min-height: 0;
}
.fields-grid[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.field-item[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 6px 10px;
  border-radius: 6px;
  background: #fafafa;
  gap: 12px;
}
.field-item[data-v-34307a9a]:hover {
  background: #f5f0fa;
}
.field-label[data-v-34307a9a] {
  font-size: 11px;
  font-weight: 600;
  color: #888;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 40%;
}
.field-value[data-v-34307a9a] {
  font-size: 12px;
  color: #333;
  text-align: right;
  word-break: break-word;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 4px;
}
.field-value .ti-circle-check-filled[data-v-34307a9a] {
  font-size: 14px;
  color: #10b981;
}

/* Grupo de campos */
.field-group[data-v-34307a9a] {
  width: 100%;
  border: 1px solid rgba(95, 35, 159, 0.1);
  border-radius: 8px;
  overflow: hidden;
}
.group-title[data-v-34307a9a] {
  font-size: 10px;
  font-weight: 700;
  color: #5F239F;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: rgba(95, 35, 159, 0.08);
  padding: 6px 10px;
}
.group-fields[data-v-34307a9a] {
  padding: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.field-subitem[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 4px 8px;
  background: #fafafa;
  border-radius: 4px;
  gap: 8px;
}
.field-subitem .field-label[data-v-34307a9a] {
  font-size: 10px;
}
.field-subitem .field-value[data-v-34307a9a] {
  font-size: 11px;
}
.empty-paper[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ccc;
  gap: 12px;
  padding: 40px 20px;
}
.empty-paper i[data-v-34307a9a] { font-size: 32px; opacity: 0.5;
}

/* Footer */
.sidebar-footer[data-v-34307a9a] {
  padding: 20px;
  background: #fff;
  border-top: 1px solid #f5f5f5;
}
.footer-actions[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-top: 16px;
}
.flex-grow-1[data-v-34307a9a] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.btn-icon[data-v-34307a9a] {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  background: white;
  color: #666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn-icon[data-v-34307a9a]:hover {
  background: #f5f5f5;
  color: #333;
  border-color: #ccc;
}
.req-title[data-v-34307a9a] {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  margin-bottom: 4px;
}
.req-desc[data-v-34307a9a] {
  font-size: 12px;
  line-height: 1.4;
}

/* Status Badge */
.status-badge[data-v-34307a9a] {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
}
.badge-pending[data-v-34307a9a] { background: #fff7ed; color: #f59e0b;
}
.badge-loaded[data-v-34307a9a] { background: #eff6ff; color: #3b82f6;
}
.badge-success[data-v-34307a9a] { background: #ecfdf5; color: #10b981;
}

/* Scrollbar */
.custom-scrollbar[data-v-34307a9a]::-webkit-scrollbar {
  width: 4px;
}
.custom-scrollbar[data-v-34307a9a]::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scrollbar[data-v-34307a9a]::-webkit-scrollbar-thumb {
  background: #e0e0e0;
  border-radius: 2px;
}
.custom-scrollbar[data-v-34307a9a]:hover::-webkit-scrollbar-thumb {
  background: #ccc;
}
.nav-arrow[data-v-34307a9a] {
  background: none;
  border: none;
  color: #999;
  cursor: pointer;
  padding: 0 4px;
}
.nav-arrow[data-v-34307a9a]:hover { color: #333;
}

/* ========================================== */
/* RESPONSIVE BREAKPOINTS                      */
/* ========================================== */

/* Mobile (< 769px) - Hide hero header since TripleDeckCarousel provides navbar */
@media (max-width: 768px) {
.viewer-hero-header[data-v-34307a9a] { display: none !important;
}
.requisito-split-container[data-v-34307a9a] {
    height: 100%;
    pointer-events: auto;
}
.preview-area[data-v-34307a9a] { pointer-events: auto;
}
.requisito-sidebar[data-v-34307a9a] { pointer-events: auto;
}
}

/* Tablet (< 900px) */
@media (max-width: 899px) {
.requisito-split-container[data-v-34307a9a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.document-preview[data-v-34307a9a] {
    height: 50vh;
    min-height: 300px;
}
.requisito-sidebar[data-v-34307a9a] {
    width: 100%;
    max-height: 50vh;
}
.paper-content[data-v-34307a9a] {
    padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px));
}
}

/* Mobile (< 600px) */
@media (max-width: 599px) {
.document-preview[data-v-34307a9a] {
    height: 40vh;
    min-height: 250px;
}
.requisito-sidebar[data-v-34307a9a] {
    max-height: 60vh;
}
.sidebar-section[data-v-34307a9a] {
    padding: 8px;
}
.thumbnails-grid[data-v-34307a9a] {
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
}
.req-title[data-v-34307a9a] {
    font-size: 14px;
}
.req-desc[data-v-34307a9a] {
    font-size: 11px;
}
.paper-content[data-v-34307a9a] {
    padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px));
}
}

/* Very Small Mobile (< 400px) */
@media (max-width: 399px) {
.thumbnails-grid[data-v-34307a9a] {
    grid-template-columns: repeat(2, 1fr);
}
.btn-icon[data-v-34307a9a] {
    width: 28px;
    height: 28px;
    font-size: 14px;
}
}

/* Touch devices */
@media (hover: none) and (pointer: coarse) {
.btn-icon[data-v-34307a9a] {
    min-width: 44px;
    min-height: 44px;
}
}

/* ========================================== */
/* MOBILE TABS LAYOUT (like InlineFileViewer) */
/* ========================================== */
.requisito-tabs[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.requisito-tabs[data-v-34307a9a] .el-tabs__header {
  margin: 0;
  padding: 0 12px;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.requisito-tabs[data-v-34307a9a] .el-tabs__nav-wrap {
  padding: 0;
}
.requisito-tabs[data-v-34307a9a] .el-tabs__item {
  padding: 0 16px;
  height: 44px;
  line-height: 44px;
  font-size: 13px;
  font-weight: 600;
  color: #6b7280;
}
.requisito-tabs[data-v-34307a9a] .el-tabs__item.is-active {
  color: #5F239F;
}
.requisito-tabs[data-v-34307a9a] .el-tabs__active-bar {
  background-color: #5F239F;
}
.requisito-tabs[data-v-34307a9a] .el-tabs__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.requisito-tabs[data-v-34307a9a] .el-tab-pane {
  height: 100%;
}
.tab-label[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.tab-label i[data-v-34307a9a] {
  font-size: 16px;
}
.tab-badge[data-v-34307a9a] {
  background: rgba(95, 35, 159, 0.1);
  color: #5F239F;
  font-size: 10px;
  padding: 1px 6px;
  border-radius: 10px;
  margin-left: 4px;
}

/* Mobile tab content */
.requisito-tab-content[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  overflow: hidden;
  background: #f8f9fa;
}

/* Mobile thumbnails - horizontal scroll */
.mobile-thumbnails[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 12px;
  overflow-x: auto;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mobile-thumb-item[data-v-34307a9a] {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  border: 2px solid transparent;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #f5f5f5;
}
.mobile-thumb-item.active[data-v-34307a9a] {
  border-color: #5F239F;
  -webkit-box-shadow: 0 2px 8px rgba(95, 35, 159, 0.3);
          box-shadow: 0 2px 8px rgba(95, 35, 159, 0.3);
}
.mobile-thumb-img[data-v-34307a9a] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mobile-thumb-img img[data-v-34307a9a] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mobile-thumb-img i[data-v-34307a9a] {
  font-size: 24px;
  color: #5F239F;
}

/* Mobile preview area */
.mobile-preview-area[data-v-34307a9a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px;
}
.mobile-preview-area .document-container[data-v-34307a9a] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1);
          box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  overflow: hidden;
}
.mobile-preview-area .doc-image[data-v-34307a9a] {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.mobile-preview-area .doc-iframe[data-v-34307a9a] {
  width: 100%;
  height: 100%;
  border: none;
}
.mobile-preview-area .empty-state[data-v-34307a9a] {
  padding: 40px;
}

/* Mobile actions */
.mobile-actions[data-v-34307a9a] {
  padding: 12px;
  background: #fff;
  border-top: 1px solid #e5e7eb;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  /* Safe area for bottom navigation */
  padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
}

/* Mobile data section */
.mobile-data-section[data-v-34307a9a] {
  padding: 16px;
  height: 100%;
  overflow-y: auto;
  background: #fff;
}
.mobile-data-section .section-header[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e7eb;
}
.mobile-fields-list[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px));
}
.mobile-field-item[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 10px 12px;
  background: #fafafa;
  border-radius: 8px;
  gap: 12px;
}
.mobile-field-item .field-label[data-v-34307a9a] {
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 45%;
}
.mobile-field-item .field-value[data-v-34307a9a] {
  font-size: 13px;
  color: #1a1a1a;
  text-align: right;
  word-break: break-word;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 6px;
}
.mobile-field-item .field-group[data-v-34307a9a] {
  width: 100%;
}
.mobile-field-item .group-title[data-v-34307a9a] {
  font-size: 11px;
  font-weight: 700;
  color: #5F239F;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
.mobile-field-item .group-fields[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.mobile-field-item .field-subitem[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 6px 8px;
  background: #f5f5f5;
  border-radius: 6px;
  gap: 8px;
}
.mobile-data-section .empty-paper[data-v-34307a9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 60px 20px;
  color: #9ca3af;
  gap: 12px;
}
.mobile-data-section .empty-paper i[data-v-34307a9a] {
  font-size: 48px;
  opacity: 0.5;
}

.day-activity-panel[data-v-33ec7034] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 420px;
  max-width: 90vw;
  z-index: 10000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  -webkit-box-shadow: -4px 0 24px rgba(0, 0, 0, 0.2);
          box-shadow: -4px 0 24px rgba(0, 0, 0, 0.2);
  border-left: 2px solid #e5e7eb;
}
.panel-overlay[data-v-33ec7034] {
  position: fixed;
  top: 0;
  left: 0;
  right: 420px;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(2px);
  cursor: pointer;
  z-index: -1;
}
.panel-content[data-v-33ec7034] {
  position: relative;
  width: 100%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  z-index: 1;
}

/* Panel Header - Compact */
.panel-header[data-v-33ec7034] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  padding: 8px 12px;
  border-bottom: 1px solid #e5e7eb;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #3D3A36;
  color: #fff;
}
.panel-title-row[data-v-33ec7034] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.panel-title[data-v-33ec7034] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 0.85rem;
  font-weight: 600;
  color: #fff;
  min-width: 0;
}
.panel-title i[data-v-33ec7034] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 1rem;
  opacity: 0.8;
}
.title-text[data-v-33ec7034] {
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel-counts[data-v-33ec7034] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.count-badge[data-v-33ec7034] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 4px;
  white-space: nowrap;
}
.count-badge.tareas[data-v-33ec7034] {
  background: #5F249F;
  color: #fff;
}
.count-badge.sistema[data-v-33ec7034] {
  background: #facc15;
  color: #78350f;
}
.panel-close-btn[data-v-33ec7034] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  background: rgba(255,255,255,0.1);
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 1rem;
}
.panel-close-btn[data-v-33ec7034]:hover {
  background: rgba(255,255,255,0.2);
}

/* Time Bar - Compact Design */
.time-bar-container[data-v-33ec7034] {
  padding: 8px 12px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8fafc));
  background: linear-gradient(to bottom, #ffffff, #f8fafc);
  border-bottom: 1px solid #e2e8f0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: visible;
  position: relative;
}
.timeline-wrapper[data-v-33ec7034] {
  width: 100%;
  overflow: visible;
  position: relative;
}

/* Time Labels */
.time-labels[data-v-33ec7034] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 6px;
  padding: 0 2px;
}
.time-label-start[data-v-33ec7034],
.time-label-end[data-v-33ec7034] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #5F249F;
  font-family: 'Courier New', monospace;
  padding: 2px 6px;
  background: rgba(95, 36, 159, 0.08);
  border-radius: 3px;
}

/* Timeline Track */
.timeline-track[data-v-33ec7034] {
  position: relative;
  height: 24px;
  background: -webkit-gradient(linear, left top, right top, from(#f8fafc), color-stop(50%, #f1f5f9), to(#f8fafc));
  background: linear-gradient(to right, #f8fafc 0%, #f1f5f9 50%, #f8fafc 100%);
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  overflow: visible;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Background Grid */
.timeline-grid[data-v-33ec7034] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.grid-line[data-v-33ec7034] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, #cbd5e1), color-stop(80%, #cbd5e1), to(transparent));
  background: linear-gradient(to bottom, transparent 0%, #cbd5e1 20%, #cbd5e1 80%, transparent 100%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0.5;
}

/* Event Dots - Professional */
.event-dot[data-v-33ec7034] {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 2;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.event-dot.dot-tareas[data-v-33ec7034] {
  background: linear-gradient(135deg, #5F249F 0%, #7c3aed 100%);
}
.event-dot.dot-sistema[data-v-33ec7034] {
  background: linear-gradient(135deg, #facc15 0%, #fbbf24 100%);
}
.event-dot.dot-error[data-v-33ec7034] {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}
.event-dot[data-v-33ec7034]:hover {
  -webkit-transform: translate(-50%, -50%) scale(1.5);
          transform: translate(-50%, -50%) scale(1.5);
  z-index: 10;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.event-dot.dot-tareas[data-v-33ec7034]:hover {
  -webkit-box-shadow: 0 4px 12px rgba(95, 36, 159, 0.4), 0 0 0 4px rgba(95, 36, 159, 0.15);
          box-shadow: 0 4px 12px rgba(95, 36, 159, 0.4), 0 0 0 4px rgba(95, 36, 159, 0.15);
}
.event-dot.dot-sistema[data-v-33ec7034]:hover {
  -webkit-box-shadow: 0 4px 12px rgba(250, 204, 21, 0.4), 0 0 0 4px rgba(250, 204, 21, 0.15);
          box-shadow: 0 4px 12px rgba(250, 204, 21, 0.4), 0 0 0 4px rgba(250, 204, 21, 0.15);
}
.event-dot.dot-error[data-v-33ec7034]:hover {
  -webkit-box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4), 0 0 0 4px rgba(239, 68, 68, 0.15);
          box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4), 0 0 0 4px rgba(239, 68, 68, 0.15);
}

/* Pulse Animation on Hover */
.dot-pulse[data-v-33ec7034] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.event-dot:hover .dot-pulse[data-v-33ec7034] {
  opacity: 1;
  -webkit-animation: pulse-33ec7034 1.5s ease-out infinite;
          animation: pulse-33ec7034 1.5s ease-out infinite;
}
.dot-tareas .dot-pulse[data-v-33ec7034] {
  background: #5F249F;
}
.dot-sistema .dot-pulse[data-v-33ec7034] {
  background: #facc15;
}
.dot-error .dot-pulse[data-v-33ec7034] {
  background: #ef4444;
}
@-webkit-keyframes pulse-33ec7034 {
0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
}
100% {
    -webkit-transform: translate(-50%, -50%) scale(3);
            transform: translate(-50%, -50%) scale(3);
    opacity: 0;
}
}
@keyframes pulse-33ec7034 {
0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
}
100% {
    -webkit-transform: translate(-50%, -50%) scale(3);
            transform: translate(-50%, -50%) scale(3);
    opacity: 0;
}
}

/* Tooltip */
.dot-tooltip[data-v-33ec7034] {
  position: absolute;
  bottom: calc(100% + 10px);
  background: #1e293b;
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  white-space: normal;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  z-index: 10000;
  min-width: 120px;
  max-width: 180px;
  word-break: break-word;
}

/* Tooltip positioning variants */
.dot-tooltip.tooltip-center[data-v-33ec7034] {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.dot-tooltip.tooltip-center[data-v-33ec7034]::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #1e293b;
}
.dot-tooltip.tooltip-left[data-v-33ec7034] {
  right: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.dot-tooltip.tooltip-left[data-v-33ec7034]::after {
  content: '';
  position: absolute;
  top: 100%;
  right: 10px;
  border: 5px solid transparent;
  border-top-color: #1e293b;
}
.dot-tooltip.tooltip-right[data-v-33ec7034] {
  left: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.dot-tooltip.tooltip-right[data-v-33ec7034]::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 10px;
  border: 5px solid transparent;
  border-top-color: #1e293b;
}
.event-dot:hover .dot-tooltip[data-v-33ec7034] {
  opacity: 1;
}
.tooltip-time[data-v-33ec7034] {
  font-size: 0.65rem;
  font-weight: 700;
  font-family: 'Courier New', monospace;
  margin-bottom: 2px;
  color: #94a3b8;
}
.tooltip-title[data-v-33ec7034] {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  word-wrap: break-word;
}

/* Filters */
.panel-filters[data-v-33ec7034] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  padding: 6px 10px;
  background: #f8fafc;
  border-bottom: 1px solid #e5e7eb;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filter-btn[data-v-33ec7034] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 5px;
  background: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.filter-btn[data-v-33ec7034]:hover {
  border-color: #5F249F;
  color: #5F249F;
}
.filter-btn.active[data-v-33ec7034] {
  background: #5F249F;
  border-color: #5F249F;
  color: #fff;
}
.filter-btn.tareas.active[data-v-33ec7034] {
  background: #5F249F;
}
.filter-btn.sistema.active[data-v-33ec7034] {
  background: #facc15;
  color: #78350f;
}
.filter-count[data-v-33ec7034] {
  font-size: 0.75rem;
  padding: 2px 6px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
}
.filter-btn.active .filter-count[data-v-33ec7034] {
  background: rgba(255, 255, 255, 0.25);
}

/* Panel Body */
.panel-body[data-v-33ec7034] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 12px;
  min-height: 0;
}

/* Timeline Container */
.timeline-container[data-v-33ec7034] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
}

/* Hour Group */
.hour-group[data-v-33ec7034] {
  position: relative;
}
.hour-group:last-child .hour-activities .timeline-event:last-child .marker-line[data-v-33ec7034] {
  display: none;
}

/* Hour Header */
.hour-header[data-v-33ec7034] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin: 16px 0 8px 0;
  position: sticky;
  top: 0;
  background: #f8fafc;
  z-index: 2;
  padding: 8px 0;
}
.hour-badge[data-v-33ec7034] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 60px;
  padding: 4px 12px;
  background: linear-gradient(135deg, #5F249F 0%, #7c3aed 100%);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 4px rgba(95, 36, 159, 0.2);
          box-shadow: 0 2px 4px rgba(95, 36, 159, 0.2);
  font-family: 'Courier New', monospace;
}
.hour-line[data-v-33ec7034] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(#e5e7eb), to(transparent));
  background: linear-gradient(to right, #e5e7eb, transparent);
}

/* Hour Activities */
.hour-activities[data-v-33ec7034] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  padding-left: 8px;
}

/* Timeline Event */
.timeline-event[data-v-33ec7034] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
}
.timeline-event:hover .event-content[data-v-33ec7034] {
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.timeline-event.is-highlighted .event-content[data-v-33ec7034] {
  background: #fff;
  -webkit-box-shadow: 0 0 0 3px #5F249F, 0 4px 16px rgba(95, 36, 159, 0.25);
          box-shadow: 0 0 0 3px #5F249F, 0 4px 16px rgba(95, 36, 159, 0.25);
  -webkit-animation: highlight-pulse-33ec7034 2.5s ease-out;
          animation: highlight-pulse-33ec7034 2.5s ease-out;
}
@-webkit-keyframes highlight-pulse-33ec7034 {
0% {
    -webkit-box-shadow: 0 0 0 0px #5F249F, 0 4px 16px rgba(95, 36, 159, 0.25);
            box-shadow: 0 0 0 0px #5F249F, 0 4px 16px rgba(95, 36, 159, 0.25);
}
50% {
    -webkit-box-shadow: 0 0 0 6px rgba(95, 36, 159, 0.3), 0 4px 20px rgba(95, 36, 159, 0.35);
            box-shadow: 0 0 0 6px rgba(95, 36, 159, 0.3), 0 4px 20px rgba(95, 36, 159, 0.35);
}
100% {
    -webkit-box-shadow: 0 0 0 3px #5F249F, 0 4px 16px rgba(95, 36, 159, 0.25);
            box-shadow: 0 0 0 3px #5F249F, 0 4px 16px rgba(95, 36, 159, 0.25);
}
}
@keyframes highlight-pulse-33ec7034 {
0% {
    -webkit-box-shadow: 0 0 0 0px #5F249F, 0 4px 16px rgba(95, 36, 159, 0.25);
            box-shadow: 0 0 0 0px #5F249F, 0 4px 16px rgba(95, 36, 159, 0.25);
}
50% {
    -webkit-box-shadow: 0 0 0 6px rgba(95, 36, 159, 0.3), 0 4px 20px rgba(95, 36, 159, 0.35);
            box-shadow: 0 0 0 6px rgba(95, 36, 159, 0.3), 0 4px 20px rgba(95, 36, 159, 0.35);
}
100% {
    -webkit-box-shadow: 0 0 0 3px #5F249F, 0 4px 16px rgba(95, 36, 159, 0.25);
            box-shadow: 0 0 0 3px #5F249F, 0 4px 16px rgba(95, 36, 159, 0.25);
}
}

/* Event Marker */
.event-marker[data-v-33ec7034] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-top: 4px;
}
.marker-dot[data-v-33ec7034] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 1;
}
.marker-dot.dot-tareas[data-v-33ec7034] {
  background: #5F249F;
}
.marker-dot.dot-sistema[data-v-33ec7034] {
  background: #facc15;
}
.marker-line[data-v-33ec7034] {
  width: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #e5e7eb;
  margin-top: 4px;
  min-height: 20px;
}

/* Event Content */
.event-content[data-v-33ec7034] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 10px 12px;
  margin-bottom: 12px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.timeline-event.has-error .event-content[data-v-33ec7034] {
  background: rgba(239, 68, 68, 0.05);
  border-color: #fecaca;
}

/* Event Header */
.event-header[data-v-33ec7034] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}
.event-meta[data-v-33ec7034] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.event-time[data-v-33ec7034] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #64748b;
  font-family: 'Courier New', monospace;
}
.event-tag[data-v-33ec7034] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 18px;
  height: 18px;
  font-size: 0.65rem;
  font-weight: 700;
  border-radius: 3px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.event-tag.tag-tareas[data-v-33ec7034] {
  background: #5F249F;
  color: #fff;
}
.event-tag.tag-sistema[data-v-33ec7034] {
  background: #facc15;
  color: #78350f;
}
.event-status[data-v-33ec7034] {
  font-size: 0.9rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.event-status.status-success[data-v-33ec7034] {
  color: #16a34a;
}
.event-status.status-error[data-v-33ec7034] {
  color: #dc2626;
}
.expand-icon[data-v-33ec7034] {
  font-size: 0.9rem;
  color: #94a3b8;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* Event Title & User */
.event-title[data-v-33ec7034] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #1e293b;
  line-height: 1.4;
  margin-bottom: 4px;
}
.event-user[data-v-33ec7034] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: #64748b;
  margin-top: 6px;
}
.event-user i[data-v-33ec7034] {
  font-size: 0.85rem;
}

/* Event Details */
.event-details[data-v-33ec7034] {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e5e7eb;
}
.details-grid[data-v-33ec7034] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.detail-row[data-v-33ec7034] {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 8px;
  font-size: 0.75rem;
  line-height: 1.4;
}
.detail-label[data-v-33ec7034] {
  font-weight: 600;
  color: #64748b;
}
.detail-value[data-v-33ec7034] {
  color: #1e293b;
  word-break: break-word;
}

/* Expand transition */
.expand-enter-active[data-v-33ec7034],
.expand-leave-active[data-v-33ec7034] {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  overflow: hidden;
}
.expand-enter-from[data-v-33ec7034],
.expand-leave-to[data-v-33ec7034] {
  max-height: 0;
  opacity: 0;
  margin-top: 0;
  padding-top: 0;
}
.expand-enter-to[data-v-33ec7034],
.expand-leave-from[data-v-33ec7034] {
  max-height: 500px;
  opacity: 1;
}

/* Empty State */
.empty-activities[data-v-33ec7034] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 60px 20px;
  color: #94a3b8;
  text-align: center;
}
.empty-activities i[data-v-33ec7034] {
  font-size: 3rem;
  margin-bottom: 16px;
  color: #cbd5e1;
}
.empty-activities p[data-v-33ec7034] {
  font-size: 0.9rem;
  color: #64748b;
}

/* Responsive */
@media (max-width: 640px) {
.panel-content[data-v-33ec7034] {
    max-width: 100%;
}
.data-row[data-v-33ec7034] {
    grid-template-columns: 1fr;
    gap: 4px;
}
}

.annual-calendar.neo-flatten[data-v-b9ef602a] {
  --primary: #5F249F;
  --primary-light: rgba(95, 36, 159, 0.08);
  --primary-medium: rgba(95, 36, 159, 0.15);
  --primary-strong: rgba(95, 36, 159, 0.25);
  --yellow: #facc15;
  --yellow-light: rgba(250, 204, 21, 0.15);
  --yellow-medium: rgba(250, 204, 21, 0.3);

  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background: #f8fafc;
  overflow: hidden;
}

/* Loading & Error States */
.loading-state[data-v-b9ef602a],
.error-state[data-v-b9ef602a],
.empty-state[data-v-b9ef602a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #64748b;
  padding: 40px 20px;
}
.spinner[data-v-b9ef602a] {
  width: 48px;
  height: 48px;
  border: 4px solid #e5e7eb;
  border-top-color: var(--primary);
  border-radius: 50%;
  -webkit-animation: spin-b9ef602a 1s linear infinite;
          animation: spin-b9ef602a 1s linear infinite;
  margin-bottom: 16px;
}
@-webkit-keyframes spin-b9ef602a {
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
@keyframes spin-b9ef602a {
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
.error-state i[data-v-b9ef602a],
.empty-icon i[data-v-b9ef602a] {
  font-size: 3rem;
  color: #cbd5e1;
  margin-bottom: 16px;
}
.empty-state h5[data-v-b9ef602a] {
  color: #1e293b;
  font-weight: 600;
  margin-bottom: 8px;
}
.empty-state p[data-v-b9ef602a] {
  color: #64748b;
  font-size: 0.9rem;
}

/* Calendar Content */
.calendar-content[data-v-b9ef602a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow: hidden;
}

/* Calendar Header */
.calendar-header[data-v-b9ef602a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  padding: 8px 12px;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.year-controls[data-v-b9ef602a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.calendar-year[data-v-b9ef602a] {
  font-size: 1rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
  min-width: 60px;
  text-align: center;
}
.year-nav-btn[data-v-b9ef602a] {
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  color: #64748b;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 1rem;
}
.year-nav-btn[data-v-b9ef602a]:hover {
  border-color: var(--primary);
  background: var(--primary);
  color: #fff;
}

/* Legend */
.calendar-legend[data-v-b9ef602a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.legend-item[data-v-b9ef602a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 4px;
  white-space: nowrap;
}
.legend-item.tareas[data-v-b9ef602a] {
  color: var(--primary);
  background: var(--primary-light);
}
.legend-item.sistema[data-v-b9ef602a] {
  color: #78350f;
  background: var(--yellow-light);
}

/* Months Grid - Responsive 4x3 */
.months-grid[data-v-b9ef602a] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  gap: 6px;
  padding: 8px;
  overflow-y: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  -ms-flex-line-pack: start;
      align-content: start;
}

/* Month Card */
.month-card[data-v-b9ef602a] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

/* Meses sin actividad - mantener visibles */
.month-card.month-empty[data-v-b9ef602a] {
  opacity: 1;
  background: #fafafa;
}
.month-card.month-empty .month-header[data-v-b9ef602a] {
  color: #64748b;
  background: #f1f5f9;
}
.month-card.month-empty .day-number[data-v-b9ef602a] {
  color: #94a3b8;
}
.month-card.month-empty .day-badges[data-v-b9ef602a] {
  display: none;
}
.month-header[data-v-b9ef602a] {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--primary);
  text-transform: capitalize;
  text-align: center;
  padding: 4px 0;
  background: var(--primary-light);
  border-radius: 4px;
  margin-bottom: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* Weekdays */
.weekdays-grid[data-v-b9ef602a] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  margin-bottom: 2px;
}
.weekday-label[data-v-b9ef602a] {
  text-align: center;
  font-size: 0.6rem;
  font-weight: 600;
  color: #94a3b8;
  padding: 2px 0;
}

/* Days Grid */
.days-grid[data-v-b9ef602a] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-line-pack: start;
      align-content: start;
}
.day-cell[data-v-b9ef602a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2px 1px;
  border-radius: 4px;
  border: 1px solid transparent;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  cursor: pointer;
  background: #fff;
  min-height: 24px;
}
.day-cell.day-empty[data-v-b9ef602a] {
  cursor: default;
  visibility: hidden;
}
.day-cell.day-inactive[data-v-b9ef602a] {
  cursor: default;
}
.day-cell.day-inactive .day-number[data-v-b9ef602a] {
  color: #64748b;
}
.day-cell.day-active[data-v-b9ef602a] {
  cursor: pointer;
}
.day-cell.day-active[data-v-b9ef602a]:hover {
  border-color: var(--primary);
  -webkit-box-shadow: 0 2px 8px rgba(95, 36, 159, 0.2);
          box-shadow: 0 2px 8px rgba(95, 36, 159, 0.2);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 1;
}

/* Activity levels */
.day-cell.level-1[data-v-b9ef602a] {
  background: var(--primary-light);
}
.day-cell.level-2[data-v-b9ef602a] {
  background: var(--primary-medium);
}
.day-cell.level-3[data-v-b9ef602a] {
  background: var(--primary-strong);
}
.day-cell.level-4[data-v-b9ef602a] {
  background: var(--primary);
}
.day-cell.level-4 .day-number[data-v-b9ef602a],
.day-cell.level-4 .badge-t[data-v-b9ef602a],
.day-cell.level-4 .badge-s[data-v-b9ef602a] {
  color: #fff;
}

/* Today */
.day-cell.day-today[data-v-b9ef602a] {
  border: 2px solid var(--yellow);
  -webkit-box-shadow: 0 0 0 2px rgba(250, 204, 21, 0.3);
          box-shadow: 0 0 0 2px rgba(250, 204, 21, 0.3);
}

/* Selected */
.day-cell.day-selected[data-v-b9ef602a] {
  border: 2px solid var(--primary);
  -webkit-box-shadow: 0 0 0 3px var(--primary-light);
          box-shadow: 0 0 0 3px var(--primary-light);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 2;
}

/* Day number */
.day-number[data-v-b9ef602a] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #1e293b;
  line-height: 1;
}

/* Badges - Solo mostrar cuando hay actividad */
.day-badges[data-v-b9ef602a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1px;
}
.badge-t[data-v-b9ef602a],
.badge-s[data-v-b9ef602a] {
  font-size: 0.5rem;
  font-weight: 700;
  padding: 0 2px;
  border-radius: 2px;
  white-space: nowrap;
  line-height: 1.2;
}
.badge-t[data-v-b9ef602a] {
  color: var(--primary);
  background: rgba(255, 255, 255, 0.9);
}
.badge-s[data-v-b9ef602a] {
  color: #78350f;
  background: rgba(255, 255, 255, 0.9);
}

/* Responsive para pantallas pequeñas/escaladas */
@media (max-width: 1400px), (max-height: 800px) {
.months-grid[data-v-b9ef602a] {
    gap: 4px;
    padding: 6px;
}
.month-card[data-v-b9ef602a] {
    padding: 3px;
}
.month-header[data-v-b9ef602a] {
    font-size: 0.65rem;
    padding: 3px 0;
}
.weekday-label[data-v-b9ef602a] {
    font-size: 0.55rem;
}
.day-cell[data-v-b9ef602a] {
    min-height: 20px;
    padding: 1px;
}
.day-number[data-v-b9ef602a] {
    font-size: 0.6rem;
}
.badge-t[data-v-b9ef602a],
  .badge-s[data-v-b9ef602a] {
    font-size: 0.45rem;
}
}

/* Para monitores angostos o modales pequeños */
@media (max-width: 1300px) {
.months-grid[data-v-b9ef602a] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 1000px) {
.months-grid[data-v-b9ef602a] {
    grid-template-columns: repeat(3, 1fr);
    gap: 3px;
    padding: 4px;
}
.month-card[data-v-b9ef602a] {
    padding: 2px;
}
.day-cell[data-v-b9ef602a] {
    width: 18px;
    height: 18px;
}
.day-number[data-v-b9ef602a] {
    font-size: 0.55rem;
}
}
@media (max-width: 850px) {
.months-grid[data-v-b9ef602a] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* Mobile specific - phones */
@media (max-width: 500px) {
.months-grid[data-v-b9ef602a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    padding: 12px;
    overflow-y: auto;
}
.month-card[data-v-b9ef602a] {
    padding: 12px;
    border-radius: 12px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.month-header[data-v-b9ef602a] {
    font-size: 0.9rem;
    padding: 8px 0;
    margin-bottom: 8px;
}
.weekday-label[data-v-b9ef602a] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #475569;
    padding: 4px 0;
}
.days-grid[data-v-b9ef602a] {
    gap: 4px;
}
.day-cell[data-v-b9ef602a] {
    min-height: 36px;
    padding: 4px;
    border-radius: 8px;
}
.day-number[data-v-b9ef602a] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #1e293b;
}
.day-cell.day-inactive .day-number[data-v-b9ef602a] {
    color: #475569;
}

  /* Meses sin actividad visibles en móvil */
.month-card.month-empty[data-v-b9ef602a] {
    opacity: 1;
}
.month-card.month-empty .day-number[data-v-b9ef602a] {
    color: #64748b;
}
.badge-t[data-v-b9ef602a],
  .badge-s[data-v-b9ef602a] {
    font-size: 0.6rem;
    padding: 2px 4px;
}

  /* Calendar header en móvil */
.calendar-header[data-v-b9ef602a] {
    padding: 12px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
}
.year-controls[data-v-b9ef602a] {
    gap: 12px;
}
.calendar-year[data-v-b9ef602a] {
    font-size: 1.2rem;
    min-width: 70px;
}
.year-nav-btn[data-v-b9ef602a] {
    width: 36px;
    height: 36px;
    font-size: 1.2rem;
}
.calendar-legend[data-v-b9ef602a] {
    gap: 12px;
}
.legend-item[data-v-b9ef602a] {
    font-size: 0.75rem;
    padding: 4px 10px;
}
}

/* === LOW HEIGHT SCREENS - Compact scrollable layout === */
@media (max-height: 700px) {
.months-grid[data-v-b9ef602a] {
    gap: 3px;
    padding: 4px;
}
.month-card[data-v-b9ef602a] {
    padding: 2px;
}
.month-header[data-v-b9ef602a] {
    font-size: 0.6rem;
    padding: 2px 0;
    margin-bottom: 2px;
}
.weekday-label[data-v-b9ef602a] {
    font-size: 0.45rem;
    padding: 1px 0;
}
.days-grid[data-v-b9ef602a] {
    gap: 1px;
}
.day-cell[data-v-b9ef602a] {
    padding: 1px;
}
.day-number[data-v-b9ef602a] {
    font-size: 0.5rem;
}
.day-badges[data-v-b9ef602a] {
    display: none;
}
.calendar-header[data-v-b9ef602a] {
    padding: 4px 8px;
}
.calendar-year[data-v-b9ef602a] {
    font-size: 0.85rem;
}
.year-nav-btn[data-v-b9ef602a] {
    width: 22px;
    height: 22px;
    font-size: 0.85rem;
}
.legend-item[data-v-b9ef602a] {
    font-size: 0.55rem;
    padding: 2px 5px;
}
}

/* Very low height - hide weekdays, ultra compact */
@media (max-height: 550px) {
.months-grid[data-v-b9ef602a] {
    gap: 2px;
    padding: 2px;
}
.month-card[data-v-b9ef602a] {
    padding: 1px;
}
.month-header[data-v-b9ef602a] {
    font-size: 0.5rem;
    padding: 1px 0;
    margin-bottom: 1px;
    border-radius: 2px;
}
.weekdays-grid[data-v-b9ef602a] {
    display: none;
}
.days-grid[data-v-b9ef602a] {
    gap: 0;
}
.day-cell[data-v-b9ef602a] {
    padding: 0;
    border-radius: 2px;
}
.day-number[data-v-b9ef602a] {
    font-size: 0.45rem;
    line-height: 1.2;
}
.calendar-header[data-v-b9ef602a] {
    padding: 2px 6px;
}
.calendar-year[data-v-b9ef602a] {
    font-size: 0.75rem;
    min-width: 45px;
}
.year-nav-btn[data-v-b9ef602a] {
    width: 18px;
    height: 18px;
    font-size: 0.75rem;
}
.calendar-legend[data-v-b9ef602a] {
    display: none;
}
}

/* Extremely low height */
@media (max-height: 450px) {
.month-header[data-v-b9ef602a] {
    font-size: 0.4rem;
    padding: 0;
}
.day-number[data-v-b9ef602a] {
    font-size: 0.4rem;
}
.calendar-header[data-v-b9ef602a] {
    padding: 1px 4px;
}
}

/* Slide Panel Transition */
.slide-panel-enter-active[data-v-b9ef602a],
.slide-panel-leave-active[data-v-b9ef602a] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slide-panel-enter-from[data-v-b9ef602a],
.slide-panel-leave-to[data-v-b9ef602a] {
  opacity: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

/* ============================
   DECK CONTAINER
   ============================ */
.deck-container[data-v-8f1a6142] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
}

/* ============================
   DECK HEADER (idéntico a DeckClientDetails)
   ============================ */
.deck-header[data-v-8f1a6142] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 6px 10px;
  background: white;
  border-bottom: 1px solid #e5e7eb;
}
.header-title-block[data-v-8f1a6142] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0;
}
.header-title[data-v-8f1a6142] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 700;
  color: #1a1a1a;
}
.header-title i[data-v-8f1a6142] { color: #5F239F; font-size: 15px;
}
.header-subtitle[data-v-8f1a6142] {
  font-size: 11px;
  color: #6b7280;
  margin-top: 1px;
  padding-left: 21px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-actions[data-v-8f1a6142] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.close-btn[data-v-8f1a6142] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  background: transparent;
  color: #9ca3af;
}
.close-btn[data-v-8f1a6142]:hover { background: rgba(239,68,68,0.1); color: #ef4444;
}
.action-btn[data-v-8f1a6142] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  background: rgba(95,36,159,0.1);
  color: #5F239F;
}
.action-btn[data-v-8f1a6142]:hover { background: #5F239F; color: white;
}

/* View Toggle Bar */
.view-toggle-bar[data-v-8f1a6142] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 8px 12px;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.toggle-buttons[data-v-8f1a6142] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  background: #f8fafc;
  padding: 4px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}
.toggle-btn[data-v-8f1a6142] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: none;
  background: transparent;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.toggle-btn[data-v-8f1a6142]:hover {
  background: #fff;
  color: #5F249F;
}
.toggle-btn.active[data-v-8f1a6142] {
  background: #5F249F;
  color: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(95, 36, 159, 0.2);
          box-shadow: 0 2px 4px rgba(95, 36, 159, 0.2);
}
.toggle-btn i[data-v-8f1a6142] {
  font-size: 1.1rem;
}

/* Inline Controls */
.inline-controls[data-v-8f1a6142] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-left: auto;
}
.filters-inline[data-v-8f1a6142] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.filter-btn-inline[data-v-8f1a6142] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 5px;
  background: #f8fafc;
  font-size: 0.75rem;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.filter-btn-inline[data-v-8f1a6142]:hover {
  border-color: #5F249F;
  color: #5F249F;
}
.filter-btn-inline.active[data-v-8f1a6142] {
  background: #5F249F;
  border-color: #5F249F;
  color: #fff;
}
.filter-btn-inline.tareas.active[data-v-8f1a6142] {
  background: #5F249F;
}
.filter-btn-inline.sistema.active[data-v-8f1a6142] {
  background: #facc15;
  color: #78350f;
  border-color: #facc15;
}
.filter-btn-inline span[data-v-8f1a6142] {
  font-size: 0.7rem;
  padding: 1px 5px;
  background: rgba(0,0,0,0.08);
  border-radius: 8px;
}
.filter-btn-inline.active span[data-v-8f1a6142] {
  background: rgba(255,255,255,0.2);
}

/* Heatmap inline */
.heatmap-inline[data-v-8f1a6142] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
}
.heat-dot-inline[data-v-8f1a6142] {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.15s;
  transition: -webkit-transform 0.15s;
  transition: transform 0.15s;
  transition: transform 0.15s, -webkit-transform 0.15s;
}
.heat-dot-inline[data-v-8f1a6142]:hover {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}
.heat-dot-inline.selected[data-v-8f1a6142] {
  -webkit-box-shadow: 0 0 0 2px #5F249F;
          box-shadow: 0 0 0 2px #5F249F;
}
.heat-dot-inline.level-0[data-v-8f1a6142] { background-color: #e2e8f0;
}
.heat-dot-inline.level-1[data-v-8f1a6142] { background-color: rgba(250, 204, 21, 0.4);
}
.heat-dot-inline.level-2[data-v-8f1a6142] { background-color: rgba(250, 204, 21, 0.7);
}
.heat-dot-inline.level-3[data-v-8f1a6142] { background-color: rgba(95, 36, 159, 0.6);
}
.heat-dot-inline.level-4[data-v-8f1a6142] { background-color: #5F249F;
}

/* Year controls inline */
.year-controls-inline[data-v-8f1a6142] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  background: #f8fafc;
  padding: 4px 8px;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
}
.year-nav-btn-inline[data-v-8f1a6142] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  border-radius: 4px;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.year-nav-btn-inline[data-v-8f1a6142]:hover {
  background: #5F249F;
  color: #fff;
}
.year-display[data-v-8f1a6142] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #1e293b;
  min-width: 45px;
  text-align: center;
}

/* Views Container */
.views-container[data-v-8f1a6142] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  position: relative;
  min-height: 0;
}
.view-wrapper[data-v-8f1a6142] {
  height: 100%;
  overflow-y: auto;
}

/* ========================================== */
/* RESPONSIVE - Mobile optimization            */
/* ========================================== */
@media (max-width: 768px) {
.deck-container[data-v-8f1a6142] {
    pointer-events: auto;
}
.deck-header[data-v-8f1a6142] { display: none !important;
}
.view-toggle-bar[data-v-8f1a6142] {
    padding: 8px 12px;
    pointer-events: auto;
}
.toggle-buttons[data-v-8f1a6142] {
    width: 100%;
    gap: 4px;
    pointer-events: auto;
}
.toggle-btn[data-v-8f1a6142] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px 12px;
    font-size: 0.8rem;
    pointer-events: auto;
}
.toggle-btn i[data-v-8f1a6142] {
    font-size: 1rem;
}
.toggle-btn span[data-v-8f1a6142] {
    display: none;
}
.views-container[data-v-8f1a6142] {
    pointer-events: auto;
}
.view-wrapper[data-v-8f1a6142] {
    padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px));
    pointer-events: auto;
}
}
@media (max-width: 480px) {
.view-toggle-bar[data-v-8f1a6142] {
    padding: 6px 8px;
}
.toggle-btn[data-v-8f1a6142] {
    padding: 8px 10px;
}
}

.gooey-menu-container[data-v-7d8edbb9] {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9999;
  /* filter se aplica inline con ID único */
}

/* Layers */
.gooey-layer-blobs[data-v-7d8edbb9],
.gooey-layer-content[data-v-7d8edbb9] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.gooey-layer-content[data-v-7d8edbb9] {
  z-index: 2;
}
.gooey-layer-blobs[data-v-7d8edbb9] {
  z-index: 1;
}
.gooey-filter[data-v-7d8edbb9] {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
}

/* === BLOBS (Layer 1) === */
.gooey-blob[data-v-7d8edbb9] {
  position: absolute;
  bottom: 8px;
  right: 8px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: white;
  /* Default state: collapsed */
  -webkit-transform: translate(0, 0) scale(0);
          transform: translate(0, 0) scale(0);
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.3s cubic-bezier(0.55, 0, 1, 0.45);
  transition: opacity 0.2s, -webkit-transform 0.3s cubic-bezier(0.55, 0, 1, 0.45);
  transition: transform 0.3s cubic-bezier(0.55, 0, 1, 0.45), opacity 0.2s;
  transition: transform 0.3s cubic-bezier(0.55, 0, 1, 0.45), opacity 0.2s, -webkit-transform 0.3s cubic-bezier(0.55, 0, 1, 0.45);
  -webkit-transition-delay: calc(0.1s - var(--delay));
          transition-delay: calc(0.1s - var(--delay));
}
.is-open .gooey-blob[data-v-7d8edbb9] {
  -webkit-transform: translate(var(--tx), var(--ty)) scale(1);
          transform: translate(var(--tx), var(--ty)) scale(1);
  opacity: 1;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: opacity 0.2s, -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s, -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  -webkit-transition-delay: var(--delay);
          transition-delay: var(--delay);
}
.gooey-trigger-blob[data-v-7d8edbb9] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #5F239F;
  -webkit-transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.gooey-trigger-blob.is-active[data-v-7d8edbb9] {
  background: #1a1a1a;
  -webkit-transform: scale(0.9);
          transform: scale(0.9); /* Slight shrink when active for effect */
}

/* === CONTENT (Layer 2) === */
.gooey-trigger[data-v-7d8edbb9] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: none;
  background: transparent; /* Transparent, shows blob */
  color: white;
  font-size: 24px;
  cursor: -webkit-grab;
  cursor: grab; /* Changed to grab to indicate draggable */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  pointer-events: auto;
}
.gooey-trigger[data-v-7d8edbb9]:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* Drag handle indicator (puntito) */
.gooey-trigger[data-v-7d8edbb9]::after {
  content: '';
  position: absolute;
  top: 8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 4px;
  height: 4px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 0 rgba(255, 255, 255, 0.6);
          box-shadow: 0 2px 0 rgba(255, 255, 255, 0.6); /* Second dot for grip look */
}
.gooey-trigger.is-active[data-v-7d8edbb9] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.gooey-item[data-v-7d8edbb9] {
  position: absolute;
  bottom: 8px;
  right: 8px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background: transparent; /* Transparent, shows blob */
  color: #5F239F;
  font-size: 18px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  
  /* Match blob transform */
  -webkit-transform: translate(0, 0) scale(0);
          transform: translate(0, 0) scale(0);
  opacity: 0;
  pointer-events: none;
  z-index: 10; /* Above blobs */
  
  -webkit-transition: opacity 0.2s, -webkit-transform 0.3s cubic-bezier(0.55, 0, 1, 0.45);
  
  transition: opacity 0.2s, -webkit-transform 0.3s cubic-bezier(0.55, 0, 1, 0.45);
  
  transition: transform 0.3s cubic-bezier(0.55, 0, 1, 0.45), opacity 0.2s;
  
  transition: transform 0.3s cubic-bezier(0.55, 0, 1, 0.45), opacity 0.2s, -webkit-transform 0.3s cubic-bezier(0.55, 0, 1, 0.45);
  -webkit-transition-delay: calc(0.1s - var(--delay));
          transition-delay: calc(0.1s - var(--delay));
}
.is-open .gooey-item[data-v-7d8edbb9] {
  -webkit-transform: translate(var(--tx), var(--ty)) scale(1);
          transform: translate(var(--tx), var(--ty)) scale(1);
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: opacity 0.2s, -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s, -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  -webkit-transition-delay: var(--delay);
          transition-delay: var(--delay);
}

/* Variants (Applied to blobs) */
.gooey-blob.primary[data-v-7d8edbb9] { background: #F9CE00;
}
.gooey-blob.success[data-v-7d8edbb9] { background: #10b981;
}
.gooey-blob.warning[data-v-7d8edbb9] { background: #f59e0b;
}
.gooey-blob.danger[data-v-7d8edbb9] { background: #ef4444;
}
.gooey-blob.info[data-v-7d8edbb9] { background: #3b82f6;
}

/* Text Colors (Applied to items) */
.gooey-item.primary[data-v-7d8edbb9] { color: #1a1a1a;
}
.gooey-item.success[data-v-7d8edbb9] { color: white;
}
.gooey-item.warning[data-v-7d8edbb9] { color: white;
}
.gooey-item.danger[data-v-7d8edbb9] { color: white;
}
.gooey-item.info[data-v-7d8edbb9] { color: white;
}

/* Hover Effects (Scale both) */
.gooey-item[data-v-7d8edbb9]:hover {
  -webkit-transform: translate(var(--tx), var(--ty)) scale(1.15) !important;
          transform: translate(var(--tx), var(--ty)) scale(1.15) !important;
  -webkit-transition-delay: 0s !important;
          transition-delay: 0s !important;
}

/* We can't easily hover the blob via the item hover, 
   but since the blob is filtered, scaling the item (content) 
   doesn't affect the blob shape in the filter. 
   To scale the blob on hover, we'd need JS or complex CSS sibling selectors.
   For now, scaling the content icon is enough feedback. 
*/
.gooey-label[data-v-7d8edbb9] {
  position: absolute;
  right: 60px;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-10px);
          transform: translateY(-50%) translateX(-10px);
  padding: 6px 12px;
  background: rgba(26, 26, 26, 0.9);
  backdrop-filter: blur(4px);
  color: white;
  font-size: 13px;
  font-weight: 500;
  border-radius: 8px;
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  pointer-events: none;
  -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1);
          box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.gooey-number[data-v-7d8edbb9] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 4px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.is-open .gooey-label[data-v-7d8edbb9] {
  opacity: 1;
  -webkit-transform: translateY(-50%) translateX(0);
          transform: translateY(-50%) translateX(0);
  -webkit-transition-delay: var(--delay);
          transition-delay: var(--delay);
  pointer-events: auto; /* Enable clicks */
  cursor: pointer;
}

/* Right-side labels (when menu is on left) */
.labels-right .gooey-label[data-v-7d8edbb9] {
  right: auto;
  left: 60px;
  -webkit-transform: translateY(-50%) translateX(10px);
          transform: translateY(-50%) translateX(10px);
}
.labels-right.is-open .gooey-label[data-v-7d8edbb9] {
  -webkit-transform: translateY(-50%) translateX(0);
          transform: translateY(-50%) translateX(0);
}
.labels-right .gooey-item:hover .gooey-label[data-v-7d8edbb9] {
  -webkit-transform: translateY(-50%) translateX(5px);
          transform: translateY(-50%) translateX(5px);
}

/* Posición bottom-center */
.gooey-menu-container[class*="bottom-center"][data-v-7d8edbb9] {
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}

/* Posición bottom-left */
.gooey-menu-container[class*="bottom-left"][data-v-7d8edbb9] {
  right: auto;
  left: 24px;
}

/* Posición top-right - Para cuando hay visor inline abierto */
.gooey-menu-container[class*="top-right"][data-v-7d8edbb9] {
  bottom: auto;
  top: 80px; /* Debajo del header del visor */
  right: 24px;
}
.gooey-menu-container[class*="top-right"] .gooey-layer-blobs[data-v-7d8edbb9],
.gooey-menu-container[class*="top-right"] .gooey-layer-content[data-v-7d8edbb9] {
  bottom: auto;
  top: 0;
}
.gooey-menu-container[class*="top-right"] .gooey-blob[data-v-7d8edbb9],
.gooey-menu-container[class*="top-right"] .gooey-item[data-v-7d8edbb9] {
  bottom: auto;
  top: 8px;
}
.gooey-menu-container[class*="top-right"] .gooey-trigger-blob[data-v-7d8edbb9],
.gooey-menu-container[class*="top-right"] .gooey-trigger[data-v-7d8edbb9] {
  bottom: auto;
  top: 0;
}

/* Labels a la izquierda cuando está en top-right */
.gooey-menu-container[class*="top-right"] .gooey-label[data-v-7d8edbb9] {
  right: 100%;
  left: auto;
  margin-right: 12px;
  margin-left: 0;
}
.gooey-menu-container[class*="top-right"].is-open .gooey-label[data-v-7d8edbb9] {
  -webkit-transform: translateY(-50%) translateX(-5px);
          transform: translateY(-50%) translateX(-5px);
}

/* Modo visor inline activo - Mayor jerarquía visual */
.gooey-menu-container.gooey-viewer-mode[data-v-7d8edbb9] {
  z-index: 10001;
}
.gooey-menu-container.gooey-viewer-mode .gooey-trigger[data-v-7d8edbb9] {
  -webkit-box-shadow: 0 4px 20px rgba(95, 35, 159, 0.4);
          box-shadow: 0 4px 20px rgba(95, 35, 159, 0.4);
}
.gooey-menu-container.gooey-viewer-mode .gooey-trigger-blob[data-v-7d8edbb9] {
  background: #5F239F;
  -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
          box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
}

/* === EXPAND DOWN MODE === */
/* Cuando el menú está arriba y necesita expandir hacia abajo */
.expand-down .gooey-blob[data-v-7d8edbb9],
.expand-down .gooey-item[data-v-7d8edbb9] {
  bottom: auto;
  top: 8px;
}
.expand-down .gooey-trigger-blob[data-v-7d8edbb9],
.expand-down .gooey-trigger[data-v-7d8edbb9] {
  bottom: auto;
  top: 0;
}
.expand-down .gooey-layer-blobs[data-v-7d8edbb9],
.expand-down .gooey-layer-content[data-v-7d8edbb9] {
  bottom: auto;
  top: 0;
}

/* Responsive */
@media (max-width: 768px) {
.gooey-menu-container[data-v-7d8edbb9] {
    bottom: 16px;
    right: 16px;
}
.gooey-trigger[data-v-7d8edbb9] {
    width: 52px;
    height: 52px;
}
.gooey-item[data-v-7d8edbb9] {
    width: 40px;
    height: 40px;
}
.gooey-label[data-v-7d8edbb9] {
    display: none;
}
.gooey-hints[data-v-7d8edbb9] {
    display: none;
}

  /* Mobile: top-right position para modo visor - esquina superior */
.gooey-menu-container[class*="top-right"][data-v-7d8edbb9] {
    top: 12px;
    right: 12px;
    bottom: auto;
}

  /* Modo visor: control único en esquina */
.gooey-menu-container.gooey-viewer-mode[data-v-7d8edbb9] {
    z-index: 10001;
}
.gooey-menu-container.gooey-viewer-mode .gooey-trigger[data-v-7d8edbb9] {
    width: 48px;
    height: 48px;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}
.gooey-menu-container.gooey-viewer-mode .gooey-trigger-blob[data-v-7d8edbb9] {
    width: 48px;
    height: 48px;
    background: #5F239F;
}
}

/* ============================================
   GOOEY MENU KEYBOARD HINTS
   Glassmorphism design
   ============================================ */
.gooey-hints[data-v-7d8edbb9] {
  position: fixed;
  bottom: 100px;
  right: 20px;
  z-index: 10000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.gooey-hint-item[data-v-7d8edbb9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 10px;
  padding: 6px 10px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
}
.gooey-hint-item span[data-v-7d8edbb9] {
  color: rgba(255, 255, 255, 0.75);
}
.gooey-hints kbd[data-v-7d8edbb9] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 4px;
  font-size: 9px;
  font-weight: 600;
  color: white;
  font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Animación de aparición */
.hints-fade-enter-active[data-v-7d8edbb9],
.hints-fade-leave-active[data-v-7d8edbb9] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hints-fade-enter-from[data-v-7d8edbb9],
.hints-fade-leave-to[data-v-7d8edbb9] {
  opacity: 0;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}

/* ===============================================
   MOBILE ACTION MENU (SIDEBAR)
   =============================================== */
.mobile-action-menu[data-v-7d8edbb9] {
  position: fixed;
  z-index: 9000;
}
.mobile-action-trigger[data-v-7d8edbb9] {
  position: fixed;
  top: 6px;
  right: 8px;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: transparent;
  border: none;
  color: #8b5cf6;
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  z-index: 10001;
}

/* Cuando hay un sidebar/modal abierto, ocultar el trigger móvil para evitar conflictos */
.gooey-behind-modal .mobile-action-trigger[data-v-7d8edbb9] {
  display: none !important;
}
.gooey-behind-modal.gooey-menu-container[data-v-7d8edbb9] {
  z-index: 100 !important;
  pointer-events: none;
}
.mobile-action-trigger[data-v-7d8edbb9]:active {
  opacity: 0.4;
}
.mobile-action-trigger.is-active[data-v-7d8edbb9] {
  color: #1a1a1a;
}

/* Sidebar container */
.mobile-action-sidebar[data-v-7d8edbb9] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10002;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mobile-action-overlay[data-v-7d8edbb9] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(8px);
}
.mobile-action-drawer[data-v-7d8edbb9] {
  position: relative;
  width: 85%;
  max-width: 360px;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(40px) saturate(180%);
  -webkit-backdrop-filter: blur(40px) saturate(180%);
  -webkit-box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);
          box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 1;
}
.mobile-action-header[data-v-7d8edbb9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px);
}
.mobile-action-header h3[data-v-7d8edbb9] {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0;
}
.mobile-action-close[data-v-7d8edbb9] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.05);
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  color: #333;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.mobile-action-close[data-v-7d8edbb9]:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  background: rgba(0, 0, 0, 0.1);
}
.mobile-action-list[data-v-7d8edbb9] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.mobile-action-item[data-v-7d8edbb9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 16px;
  background: white;
  border: none;
  border-radius: 14px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-align: left;
  min-height: 68px;
}
.mobile-action-item[data-v-7d8edbb9]:active {
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
.mobile-action-icon[data-v-7d8edbb9] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 22px;
  color: white;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #8b5cf6;
  -webkit-box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.08);
          box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.08);
}

/* Colores por clase de acción */
.mobile-action-item.success .mobile-action-icon[data-v-7d8edbb9] {
  background: #10b981;
}
.mobile-action-item.warning .mobile-action-icon[data-v-7d8edbb9] {
  background: #f59e0b;
}
.mobile-action-item.danger .mobile-action-icon[data-v-7d8edbb9] {
  background: #ef4444;
}
.mobile-action-item.info .mobile-action-icon[data-v-7d8edbb9] {
  background: #3b82f6;
}
.mobile-action-label[data-v-7d8edbb9] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
}
.mobile-action-arrow[data-v-7d8edbb9] {
  font-size: 18px;
  color: #999;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* Animación del sidebar */
.sidebar-slide-enter-active[data-v-7d8edbb9],
.sidebar-slide-leave-active[data-v-7d8edbb9] {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.sidebar-slide-enter-active .mobile-action-drawer[data-v-7d8edbb9],
.sidebar-slide-leave-active .mobile-action-drawer[data-v-7d8edbb9] {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.sidebar-slide-enter-active .mobile-action-overlay[data-v-7d8edbb9],
.sidebar-slide-leave-active .mobile-action-overlay[data-v-7d8edbb9] {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.sidebar-slide-enter-from .mobile-action-drawer[data-v-7d8edbb9],
.sidebar-slide-leave-to .mobile-action-drawer[data-v-7d8edbb9] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.sidebar-slide-enter-from .mobile-action-overlay[data-v-7d8edbb9],
.sidebar-slide-leave-to .mobile-action-overlay[data-v-7d8edbb9] {
  opacity: 0;
}

/* Estilos sin scoped para que funcionen con Teleport */
.column-floater {
  position: fixed;
  bottom: 100px;
  right: 24px;
  z-index: 99999 !important;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(20px) scale(0.95);
          transform: translateY(20px) scale(0.95);
  -webkit-transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.column-floater.is-open {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
}

/* Minimized Pill */
.floater-pill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 50px;
  color: white;
  font-weight: 600;
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.2);
          box-shadow: 0 4px 20px rgba(0,0,0,0.2);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.floater-pill:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-box-shadow: 0 6px 25px rgba(0,0,0,0.25);
          box-shadow: 0 6px 25px rgba(0,0,0,0.25);
}
.floater-pill:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.floater-pill i {
  font-size: 18px;
}
.pill-count {
  background: rgba(255,255,255,0.25);
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 12px;
}

/* Expanded Panel */
.floater-panel {
  width: 340px;
  max-height: 560px;
  background: white;
  border-radius: 16px;
  -webkit-box-shadow:
    0 4px 6px rgba(0,0,0,0.05),
    0 10px 40px rgba(0,0,0,0.15);
          box-shadow:
    0 4px 6px rgba(0,0,0,0.05),
    0 10px 40px rgba(0,0,0,0.15);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* Header */
.floater-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 16px;
  color: white;
  cursor: -webkit-grab;
  cursor: grab;
}
.floater-header:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.header-left i {
  font-size: 18px;
}
.column-name {
  font-weight: 600;
  font-size: 14px;
}
.item-count {
  background: rgba(255,255,255,0.25);
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 12px;
}
.header-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.header-btn {
  width: 28px;
  height: 28px;
  border: none;
  background: rgba(255,255,255,0.2);
  border-radius: 8px;
  color: white;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.header-btn:hover {
  background: rgba(255,255,255,0.3);
}

/* Search */
.floater-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-bottom: 1px solid #f0f0f0;
  background: #fafafa;
}
.floater-search i {
  color: #999;
  font-size: 16px;
}
.floater-search input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: none;
  background: none;
  font-size: 14px;
  outline: none;
}
.clear-search {
  width: 20px;
  height: 20px;
  border: none;
  background: #e0e0e0;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  color: #666;
}

/* Items List */
.floater-items {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  max-height: 300px;
  padding: 8px;
}
.floater-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  margin-bottom: 4px;
}
.floater-item:hover,
.floater-item.is-active {
  background: #f5f5f5;
}
.floater-item.is-current {
  background: #e8f4ff;
  border: 1px solid #c5e0fc;
}
.floater-item.is-viewed {
  opacity: 0.7;
}
.floater-item.is-viewed .item-title {
  color: #666;
}
.item-indicator {
  width: 4px;
  height: 36px;
  border-radius: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.item-indicator.status-complete { background: #10b981;
}
.item-indicator.status-pending { background: #f59e0b;
}
.item-indicator.status-default { background: #cbd5e1;
}
.item-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.item-title {
  font-size: 13px;
  font-weight: 500;
  color: #1a1a1a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.viewed-icon {
  font-size: 12px;
  color: #10b981;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.item-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-top: 2px;
}
.item-meta span {
  font-size: 11px;
  color: #888;
}

/* Indicador de expediente tomado */
.item-locked {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  margin-top: 4px;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 500;
  background: #fef3c7;
  color: #b45309;
}
.item-locked i {
  font-size: 11px;
}
.item-locked.is-mine {
  background: #d1fae5;
  color: #059669;
}
.item-badges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.mini-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  padding: 2px 6px;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 600;
}
.mini-badge.docs {
  background: #e0f2fe;
  color: #0284c7;
}
.mini-badge.tasks {
  background: #fef3c7;
  color: #d97706;
}
.mini-badge i {
  font-size: 10px;
}

/* Loading State */
.floater-loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px 20px;
  color: #666;
  gap: 12px;
}
.loading-spinner {
  width: 32px;
  height: 32px;
  border: 3px solid #e0e0e0;
  border-top-color: #5F239F;
  border-radius: 50%;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
@-webkit-keyframes spin {
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
@keyframes spin {
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
.floater-loading span {
  font-size: 13px;
  font-weight: 500;
}

/* Empty State */
.empty-state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px 20px;
  color: #999;
  gap: 8px;
}
.empty-state i {
  font-size: 32px;
  opacity: 0.5;
}

/* Pagination */
.floater-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  padding: 8px 16px;
  border-top: 1px solid #f0f0f0;
  background: #fafafa;
}
.page-btn {
  width: 28px;
  height: 28px;
  border: 1px solid #e0e0e0;
  background: white;
  border-radius: 6px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #666;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.page-btn:hover:not(:disabled) {
  background: #f5f5f5;
  border-color: #ccc;
}
.page-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.page-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
}
.page-num {
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  border-radius: 6px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  color: #666;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.page-num:hover {
  background: #f0f0f0;
}
.page-num.is-active {
  background: #5F239F;
  color: white;
}

/* Footer Navigation */
.floater-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 16px;
  border-top: 1px solid #f0f0f0;
  background: #fafafa;
}
.footer-stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.stat-viewed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 11px;
  color: #10b981;
  font-weight: 500;
}
.stat-viewed i {
  font-size: 14px;
}
.footer-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.nav-btn {
  width: 30px;
  height: 30px;
  border: 1px solid #e0e0e0;
  background: white;
  border-radius: 8px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #666;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.nav-btn:hover:not(:disabled) {
  background: #f5f5f5;
  border-color: #ccc;
}
.nav-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.nav-btn.open-btn {
  background: #5F239F;
  border-color: #5F239F;
  color: white;
}
.nav-btn.open-btn:hover:not(:disabled) {
  background: #4a1b7a;
}
.nav-indicator {
  font-size: 11px;
  color: #888;
  min-width: 50px;
  text-align: center;
}

/* ============================================
   RESPONSIVE - MOBILE OPTIMIZATIONS
   ============================================ */
@media (max-width: 768px) {
.column-floater {
    bottom: 12px;
    right: 12px;
    left: 12px;
}

  /* Pill: Más grande y centrado en bottom */
.floater-pill {
    min-width: 56px;
    height: 48px;
    padding: 0 16px;
    font-size: 14px;
    border-radius: 24px;
}
.pill-count {
    font-size: 13px;
    padding: 2px 8px;
}

  /* Panel: Full width en móvil */
.floater-panel {
    width: 100% !important;
    max-width: none;
    max-height: 60vh;
    border-radius: 16px 16px 0 0; /* Esquinas superiores redondeadas */
}

  /* Header: Más compacto */
.floater-header {
    padding: 12px 14px;
}
.column-name {
    font-size: 14px;
}
.item-count {
    font-size: 12px;
    padding: 2px 8px;
}
.header-btn {
    width: 36px;
    height: 36px;
    font-size: 18px;
}

  /* Search: Touch-friendly */
.floater-search {
    padding: 10px 14px;
}
.floater-search input {
    font-size: 14px;
    padding: 8px 12px;
}

  /* Items: Mejor scroll y touch */
.floater-items {
    max-height: calc(60vh - 140px);
    -webkit-overflow-scrolling: touch;
}
.floater-item {
    padding: 12px 14px;
    min-height: 64px; /* Touch target */
}
.item-title {
    font-size: 13px;
}
.item-meta {
    font-size: 11px;
}

  /* Pagination: Compacta */
.floater-pagination {
    padding: 10px 14px;
}
.page-info {
    font-size: 11px;
}
.page-btn {
    width: 32px;
    height: 32px;
    font-size: 14px;
}
}

/* Mobile Portrait: Ultra compacto */
@media (max-width: 576px) {
.column-floater {
    bottom: 8px;
    right: 8px;
    left: 8px;
}
.floater-panel {
    max-height: 70vh;
}
.floater-items {
    max-height: calc(70vh - 140px);
}
.floater-header {
    padding: 10px 12px;
}
.column-name {
    font-size: 13px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
}

/* ======================================== */
/* NEOFLATTEN TRANSPARENT OVERLAY DESIGN     */
/* ======================================== */

/* Main overlay container */
.expediente-overlay-neo[data-v-f997c1b8] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 3000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* Mobile Close FAB - Solo visible en móvil */
.mobile-close-fab[data-v-f997c1b8] {
  display: none; /* Oculto por defecto (desktop) */
}

/* Transparent backdrop */
.neo-backdrop[data-v-f997c1b8] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 1;
  pointer-events: none;
}

/* Main glass container */
.neo-container[data-v-f997c1b8] {
  position: relative;
  width: 100vw;
  height: 100vh;
  max-width: none;
  max-height: none;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  -webkit-animation: neo-appear-f997c1b8 0.4s cubic-bezier(0.23, 1, 0.32, 1);
          animation: neo-appear-f997c1b8 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 20;
  pointer-events: none; /* Allow clicks to pass through to modal */
}

/* Restore pointer events for interactive children */
.expediente-dock[data-v-f997c1b8],
.neo-deck-container[data-v-f997c1b8] {
  pointer-events: auto;
}

/* ========================================
   COMPACT DOCK BAR - Optimized for Low Height Screens
======================================== */
.expediente-dock[data-v-f997c1b8] {
  position: absolute;
  bottom: 8px;
  left: 8px;
  right: 8px;
  -webkit-transform: none;
          transform: none;
  z-index: 100;
  width: auto;
  max-width: none;
  pointer-events: auto;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  overflow: visible;
}
.expediente-dock.dock-hidden[data-v-f997c1b8] {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  pointer-events: none;
  opacity: 0;
}
.dock-show-btn[data-v-f997c1b8] {
  position: absolute;
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 20px;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px 6px 0 0;
  color: #9ca3af;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.06);
          box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.06);
  z-index: 101;
  pointer-events: auto !important;
}
.dock-show-btn[data-v-f997c1b8]:hover {
  background: rgba(255, 255, 255, 1);
  color: #374151;
  -webkit-transform: translateX(-50%) translateY(-2px);
          transform: translateX(-50%) translateY(-2px);
  -webkit-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
}
.dock-show-btn i[data-v-f997c1b8] {
  font-size: 14px;
}

/* ========================================
   DOCK MINI TABS - Pestañitas flotantes con forma de folder
   ======================================== */
.dock-mini-tabs[data-v-f997c1b8] {
  position: fixed;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(55%);
          transform: translateX(-50%) translateY(55%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 8px;
  z-index: 100;
  padding: 0 8px 0 8px;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  pointer-events: auto;
}
.dock-mini-tabs[data-v-f997c1b8]:hover {
  -webkit-transform: translateX(-50%) translateY(15%);
          transform: translateX(-50%) translateY(15%);
}

/* Botón expand - Siempre visible, estilo pill blanco */
.dock-mini-expand[data-v-f997c1b8] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  border: none;
  background: white;
  border-radius: 50%;
  color: #1f2937;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  -webkit-box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.12),
    0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.12),
    0 4px 16px rgba(0, 0, 0, 0.08);
  margin-bottom: 8px; /* Siempre visible sobre las tabs */
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.dock-mini-expand[data-v-f997c1b8]:hover {
  background: white;
  color: #5F249F;
  -webkit-transform: translateY(-4px) scale(1.1);
          transform: translateY(-4px) scale(1.1);
  -webkit-box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.15),
    0 8px 24px rgba(95, 36, 159, 0.2);
          box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.15),
    0 8px 24px rgba(95, 36, 159, 0.2);
}
.dock-mini-expand[data-v-f997c1b8]:active {
  -webkit-transform: translateY(-2px) scale(1.05);
          transform: translateY(-2px) scale(1.05);
}
.dock-mini-expand i[data-v-f997c1b8] {
  font-size: 18px;
  font-weight: bold;
}
.dock-mini-folder-tabs[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 6px;
}

/* Mini folder tabs con forma de carpeta */
.dock-mini-tab[data-v-f997c1b8] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 42px;
  height: 36px;
  padding-top: 8px;
  border: none;
  background: rgba(140, 140, 140, 0.12);
  border-radius: 10px 10px 0 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: none;
  color: #666;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  -webkit-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
          box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}

/* Pestaña superior del folder */
.dock-mini-tab[data-v-f997c1b8]::before {
  content: '';
  position: absolute;
  top: -5px;
  left: 8px;
  width: 22px;
  height: 6px;
  background: rgba(140, 140, 140, 0.15);
  border-radius: 3px 3px 0 0;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-bottom: none;
}
.dock-mini-tab i[data-v-f997c1b8] {
  font-size: 16px;
  opacity: 0.8;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.dock-mini-tab[data-v-f997c1b8]:hover {
  background: rgba(140, 140, 140, 0.2);
  -webkit-transform: translateY(-3px) scale(1.02);
          transform: translateY(-3px) scale(1.02);
  -webkit-box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
}
.dock-mini-tab:hover i[data-v-f997c1b8] {
  opacity: 1;
}

/* Cliente folder - Melocotón pastel */
.dock-mini-tab:nth-child(1).active[data-v-f997c1b8] {
  background: linear-gradient(135deg, #fcd5ce 0%, #f8b4a8 50%, #e5989b 100%);
  border-color: rgba(229, 152, 155, 0.3);
  -webkit-box-shadow: 0 -4px 16px rgba(229, 152, 155, 0.4);
          box-shadow: 0 -4px 16px rgba(229, 152, 155, 0.4);
  color: white;
  -webkit-transform: translateY(-4px) scale(1.05);
          transform: translateY(-4px) scale(1.05);
}
.dock-mini-tab:nth-child(1).active[data-v-f997c1b8]::before {
  background: linear-gradient(135deg, #f8b4a8 0%, #e5989b 100%);
  border-color: rgba(229, 152, 155, 0.4);
}

/* Documentos folder - Menta pastel */
.dock-mini-tab:nth-child(2).active[data-v-f997c1b8] {
  background: linear-gradient(135deg, #b5ead7 0%, #95d5b2 50%, #74c69d 100%);
  border-color: rgba(116, 198, 157, 0.3);
  -webkit-box-shadow: 0 -4px 16px rgba(116, 198, 157, 0.4);
          box-shadow: 0 -4px 16px rgba(116, 198, 157, 0.4);
  color: white;
  -webkit-transform: translateY(-4px) scale(1.05);
          transform: translateY(-4px) scale(1.05);
}
.dock-mini-tab:nth-child(2).active[data-v-f997c1b8]::before {
  background: linear-gradient(135deg, #95d5b2 0%, #74c69d 100%);
  border-color: rgba(116, 198, 157, 0.4);
}

/* Actividades folder - Lavanda pastel */
.dock-mini-tab:nth-child(3).active[data-v-f997c1b8] {
  background: linear-gradient(135deg, #e2d1f9 0%, #c8b6e2 50%, #a88fd4 100%);
  border-color: rgba(168, 143, 212, 0.3);
  -webkit-box-shadow: 0 -4px 16px rgba(168, 143, 212, 0.4);
          box-shadow: 0 -4px 16px rgba(168, 143, 212, 0.4);
  color: white;
  -webkit-transform: translateY(-4px) scale(1.05);
          transform: translateY(-4px) scale(1.05);
}
.dock-mini-tab:nth-child(3).active[data-v-f997c1b8]::before {
  background: linear-gradient(135deg, #c8b6e2 0%, #a88fd4 100%);
  border-color: rgba(168, 143, 212, 0.4);
}
.dock-mini-tab.active i[data-v-f997c1b8] {
  opacity: 1;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/* Animación de entrada/salida */
.dock-mini-fade-enter-active[data-v-f997c1b8],
.dock-mini-fade-leave-active[data-v-f997c1b8] {
  -webkit-transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.dock-mini-fade-enter-from[data-v-f997c1b8],
.dock-mini-fade-leave-to[data-v-f997c1b8] {
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(100%);
          transform: translateX(-50%) translateY(100%);
}
.dock-content[data-v-f997c1b8] {
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 16px;
  padding: 8px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -webkit-box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.12),
    0 2px 8px rgba(0, 0, 0, 0.08),
    inset 0 0 0 1px rgba(255, 255, 255, 0.3);
          box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.12),
    0 2px 8px rgba(0, 0, 0, 0.08),
    inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  min-height: 48px;
  height: auto;
  -webkit-transition: min-height 0.3s ease, padding 0.3s ease;
  transition: min-height 0.3s ease, padding 0.3s ease;
  overflow: visible; /* Permitir que las burbujas "Copiado" salgan */
}

/* Left Section - Column Navigator */
.dock-left[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.dock-nav-btn[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: none;
  border-radius: 12px;
  background: rgba(95, 35, 159, 0.1);
  color: #5F239F;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  height: 36px;
}
.dock-nav-btn[data-v-f997c1b8]:hover {
  background: rgba(95, 35, 159, 0.2);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.dock-nav-btn.is-active[data-v-f997c1b8] {
  background: #5F239F;
  color: white;
  -webkit-box-shadow: 0 2px 8px rgba(95, 35, 159, 0.3);
          box-shadow: 0 2px 8px rgba(95, 35, 159, 0.3);
}
.dock-nav-btn i[data-v-f997c1b8] {
  font-size: 16px;
}
.dock-badge[data-v-f997c1b8] {
  background: rgba(255, 255, 255, 0.3);
  padding: 2px 6px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  min-width: 18px;
  text-align: center;
}
.dock-nav-btn.is-active .dock-badge[data-v-f997c1b8] {
  background: rgba(255, 255, 255, 0.25);
}

/* Center Section - Expediente Info */
.dock-center[data-v-f997c1b8] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  overflow: hidden;
}
.dock-info-inline[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  padding: 4px 0;
}
.dock-info-inline[data-v-f997c1b8]::-webkit-scrollbar {
  display: none;
}
.dock-expediente-code[data-v-f997c1b8] {
  font-size: 12px;
  font-weight: 700;
  color: #5F239F;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
  background: rgba(95, 35, 159, 0.08);
  padding: 2px 6px;
  border-radius: 4px;
}
.dock-categoria[data-v-f997c1b8] {
  font-size: 11px;
  font-weight: 600;
  color: #1a1a1a;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.dock-expediente[data-v-f997c1b8] {
  font-size: 13px;
  font-weight: 700;
  color: #1a1a1a;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.dock-separator[data-v-f997c1b8] {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.3);
  font-weight: 400;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.dock-nit[data-v-f997c1b8] {
  font-size: 11px;
  font-weight: 600;
  color: #555;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.dock-client[data-v-f997c1b8] {
  font-size: 11px;
  font-weight: 600;
  color: #333;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.dock-meta-item[data-v-f997c1b8] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 500;
  color: #666;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.dock-meta-item i[data-v-f997c1b8] {
  font-size: 12px;
  color: #888;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* Clickable elements - hover effects for copy to clipboard */
.dock-clickable[data-v-f997c1b8] {
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 4px;
  padding: 2px 6px;
  margin: -2px -6px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.dock-clickable[data-v-f997c1b8]:hover:not(.is-copied) {
  background: rgba(95, 35, 159, 0.1);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.dock-clickable[data-v-f997c1b8]:active:not(.is-copied) {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: rgba(95, 35, 159, 0.15);
}

/* Micro-animation for copied state */
.dock-clickable.is-copied[data-v-f997c1b8] {
  background: linear-gradient(135deg, rgba(95, 35, 159, 0.15) 0%, rgba(95, 35, 159, 0.05) 100%);
  -webkit-animation: pulse-success-f997c1b8 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
          animation: pulse-success-f997c1b8 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Burbuja "Copiado" con icono clipboard */
.dock-clickable.is-copied[data-v-f997c1b8]::after {
  content: '📋 Copiado';
  position: absolute;
  top: -28px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #5F239F;
  color: white;
  font-size: 10px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 6px;
  white-space: nowrap;
  -webkit-animation: bubbleUp-f997c1b8 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
          animation: bubbleUp-f997c1b8 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  z-index: 100;
  pointer-events: none;
  -webkit-box-shadow: 0 3px 12px rgba(95, 35, 159, 0.35);
          box-shadow: 0 3px 12px rgba(95, 35, 159, 0.35);
}
@-webkit-keyframes bubbleUp-f997c1b8 {
0% { opacity: 0; -webkit-transform: translateX(-50%) translateY(6px) scale(0.7); transform: translateX(-50%) translateY(6px) scale(0.7);
}
100% { opacity: 1; -webkit-transform: translateX(-50%) translateY(0) scale(1); transform: translateX(-50%) translateY(0) scale(1);
}
}
@keyframes bubbleUp-f997c1b8 {
0% { opacity: 0; -webkit-transform: translateX(-50%) translateY(6px) scale(0.7); transform: translateX(-50%) translateY(6px) scale(0.7);
}
100% { opacity: 1; -webkit-transform: translateX(-50%) translateY(0) scale(1); transform: translateX(-50%) translateY(0) scale(1);
}
}
@-webkit-keyframes pulse-success-f997c1b8 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(95, 35, 159, 0.4);
            box-shadow: 0 0 0 0 rgba(95, 35, 159, 0.4);
}
50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-box-shadow: 0 0 0 4px rgba(95, 35, 159, 0);
            box-shadow: 0 0 0 4px rgba(95, 35, 159, 0);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(95, 35, 159, 0);
            box-shadow: 0 0 0 0 rgba(95, 35, 159, 0);
}
}
@keyframes pulse-success-f997c1b8 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(95, 35, 159, 0.4);
            box-shadow: 0 0 0 0 rgba(95, 35, 159, 0.4);
}
50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-box-shadow: 0 0 0 4px rgba(95, 35, 159, 0);
            box-shadow: 0 0 0 4px rgba(95, 35, 159, 0);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(95, 35, 159, 0);
            box-shadow: 0 0 0 0 rgba(95, 35, 159, 0);
}
}

/* Copy badge - oculto porque ahora usamos la burbuja */
.dock-clickable .copy-badge[data-v-f997c1b8] {
  display: none;
}

/* Copy badge - checkmark animation (legacy) */
.copy-badge[data-v-f997c1b8] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 16px;
  height: 16px;
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  color: white;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 700;
  -webkit-animation: badge-appear-f997c1b8 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
          animation: badge-appear-f997c1b8 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  -webkit-box-shadow: 0 2px 8px rgba(34, 197, 94, 0.4);
          box-shadow: 0 2px 8px rgba(34, 197, 94, 0.4);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@-webkit-keyframes badge-appear-f997c1b8 {
0% {
    -webkit-transform: scale(0) rotate(-180deg);
            transform: scale(0) rotate(-180deg);
    opacity: 0;
}
60% {
    -webkit-transform: scale(1.2) rotate(10deg);
            transform: scale(1.2) rotate(10deg);
}
100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1;
}
}
@keyframes badge-appear-f997c1b8 {
0% {
    -webkit-transform: scale(0) rotate(-180deg);
            transform: scale(0) rotate(-180deg);
    opacity: 0;
}
60% {
    -webkit-transform: scale(1.2) rotate(10deg);
            transform: scale(1.2) rotate(10deg);
}
100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1;
}
}
.dock-expediente.dock-clickable[data-v-f997c1b8]:hover {
  color: #5F239F;
}
.dock-nit.dock-clickable[data-v-f997c1b8]:hover,
.dock-client.dock-clickable[data-v-f997c1b8]:hover {
  color: #5F239F;
}
.dock-meta-item.dock-clickable[data-v-f997c1b8]:hover {
  color: #5F239F;
}
.dock-meta-item.dock-clickable:hover i[data-v-f997c1b8] {
  color: #5F239F;
}
.dock-toggle-btn[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin-left: auto;
  border: none;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  color: #666;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.dock-toggle-btn[data-v-f997c1b8]:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #333;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.dock-toggle-btn i[data-v-f997c1b8] {
  font-size: 16px;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.dock-title[data-v-f997c1b8] {
  font-size: 13px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  max-width: 100%;
}
.dock-meta[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dock-meta-item[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 11px;
  color: #666;
  font-weight: 500;
}
.dock-meta-item i[data-v-f997c1b8] {
  font-size: 12px;
  opacity: 0.7;
}

/* Right Section - Folder Tabs + Close */
.dock-right[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.dock-folder-tabs[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 4px;
  height: 100%;
}
.dock-folder-tab[data-v-f997c1b8] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  padding: 5px 10px;
  padding-top: 8px;
  border: none;
  color: #666;
  font-weight: 600;
  font-size: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  white-space: nowrap;
  height: 34px;
  border-radius: 8px 8px 0 0;
  background: rgba(140, 140, 140, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: none;
  -webkit-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
          box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}

/* Folder tab - simular pestaña superior */
.dock-folder-tab[data-v-f997c1b8]::before {
  content: '';
  position: absolute;
  top: -5px;
  left: 10px;
  width: 28px;
  height: 6px;
  background: rgba(140, 140, 140, 0.15);
  border-radius: 3px 3px 0 0;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-bottom: none;
}
.dock-folder-tab i[data-v-f997c1b8] {
  font-size: 13px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  opacity: 0.8;
}
.dock-folder-tab[data-v-f997c1b8]:hover {
  background: rgba(140, 140, 140, 0.2);
  -webkit-transform: translateY(-3px) scale(1.02);
          transform: translateY(-3px) scale(1.02);
  -webkit-box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
}
.dock-folder-tab:hover i[data-v-f997c1b8] {
  opacity: 1;
}

/* Active state - folder colors based on which folder is open */
.dock-folder-tab.active[data-v-f997c1b8] {
  color: white;
  border-color: transparent;
  -webkit-box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.25);
          box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(-4px) scale(1.05);
          transform: translateY(-4px) scale(1.05);
  z-index: 10;
}
.dock-folder-tab.active i[data-v-f997c1b8] {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  opacity: 1;
}

/* When Cliente folder is open - all active tabs use Melocotón pastel */
.folder-cliente-open .dock-folder-tab.active[data-v-f997c1b8] {
  background: linear-gradient(135deg, #fcd5ce 0%, #f8b4a8 50%, #e5989b 100%);
  border-color: rgba(229, 152, 155, 0.3);
  -webkit-box-shadow: 0 -4px 16px rgba(229, 152, 155, 0.4);
          box-shadow: 0 -4px 16px rgba(229, 152, 155, 0.4);
}
.folder-cliente-open .dock-folder-tab.active[data-v-f997c1b8]::before {
  background: linear-gradient(135deg, #f8b4a8 0%, #e5989b 100%);
  border-color: rgba(229, 152, 155, 0.4);
}

/* When Requisitos folder is open - all active tabs use Menta pastel */
.folder-requisitos-open .dock-folder-tab.active[data-v-f997c1b8] {
  background: linear-gradient(135deg, #b5ead7 0%, #95d5b2 50%, #74c69d 100%);
  border-color: rgba(116, 198, 157, 0.3);
  -webkit-box-shadow: 0 -4px 16px rgba(116, 198, 157, 0.4);
          box-shadow: 0 -4px 16px rgba(116, 198, 157, 0.4);
}
.folder-requisitos-open .dock-folder-tab.active[data-v-f997c1b8]::before {
  background: linear-gradient(135deg, #95d5b2 0%, #74c69d 100%);
  border-color: rgba(116, 198, 157, 0.4);
}

/* When Tareas folder is open - all active tabs use Lavanda pastel */
.folder-tareas-open .dock-folder-tab.active[data-v-f997c1b8] {
  background: linear-gradient(135deg, #e2d1f9 0%, #c8b6e2 50%, #a88fd4 100%);
  border-color: rgba(168, 143, 212, 0.3);
  -webkit-box-shadow: 0 -4px 16px rgba(168, 143, 212, 0.4);
          box-shadow: 0 -4px 16px rgba(168, 143, 212, 0.4);
}
.folder-tareas-open .dock-folder-tab.active[data-v-f997c1b8]::before {
  background: linear-gradient(135deg, #c8b6e2 0%, #a88fd4 100%);
  border-color: rgba(168, 143, 212, 0.4);
}
.dock-folder-label[data-v-f997c1b8] {
  display: none; /* Oculto por defecto - solo iconos + contadores */
}
.dock-folder-count[data-v-f997c1b8] {
  background: rgba(255, 255, 255, 0.2);
  padding: 1px 5px;
  border-radius: 8px;
  font-size: 9px;
  font-weight: 700;
  min-width: 16px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.dock-folder-tab.active .dock-folder-count[data-v-f997c1b8] {
  background: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.25);
}
.dock-close-btn[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  background: rgba(239, 68, 68, 0.1);
  color: #EF4444;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.dock-close-btn[data-v-f997c1b8]:hover {
  background: #EF4444;
  color: white;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/* Responsive Optimizations - 1400px: compactar pero mostrar TODO */
@media (max-width: 1400px) {
.dock-content[data-v-f997c1b8] {
    padding: 6px 12px;
    gap: 10px;
}
.dock-info-inline[data-v-f997c1b8] {
    gap: 6px;
}
.dock-expediente-code[data-v-f997c1b8] {
    font-size: 11px;
}
.dock-categoria[data-v-f997c1b8] {
    font-size: 10px;
}
.dock-nit[data-v-f997c1b8] {
    font-size: 10px;
}
.dock-client[data-v-f997c1b8] {
    font-size: 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.dock-meta-item[data-v-f997c1b8] {
    font-size: 9px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.dock-meta-item i[data-v-f997c1b8] {
    font-size: 11px;
}
.dock-separator[data-v-f997c1b8] {
    font-size: 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
}

/* Monitores de baja resolución (1280px y menos) - Mostrar TODO compacto */
@media (max-width: 1280px) {
.dock-content[data-v-f997c1b8] {
    padding: 5px 10px;
    gap: 6px;
}
.dock-folder-label[data-v-f997c1b8] {
    display: none;
}
.dock-folder-tab[data-v-f997c1b8] {
    padding: 5px 10px;
    height: 32px;
}
.dock-folder-count[data-v-f997c1b8] {
    font-size: 9px;
    padding: 1px 5px;
    min-width: 16px;
}

  /* Info compacta pero visible */
.dock-info-inline[data-v-f997c1b8] {
    gap: 5px;
}
.dock-expediente-code[data-v-f997c1b8] {
    font-size: 10px;
    padding: 1px 4px;
}
.dock-categoria[data-v-f997c1b8] {
    font-size: 10px;
}
.dock-expediente[data-v-f997c1b8] {
    font-size: 11px;
}
.dock-nit[data-v-f997c1b8] {
    font-size: 10px;
}
.dock-client[data-v-f997c1b8] {
    font-size: 10px;
}
.dock-meta-item[data-v-f997c1b8] {
    font-size: 9px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.dock-meta-item i[data-v-f997c1b8] {
    font-size: 10px;
}
.dock-separator[data-v-f997c1b8] {
    font-size: 10px;
    margin: 0 2px;
}
.dock-toggle-btn[data-v-f997c1b8] {
    display: none;
}
.dock-nav-btn[data-v-f997c1b8] {
    height: 32px;
    padding: 4px 10px;
    font-size: 12px;
}
}

/* Pantallas pequeñas (1024px) - Scroll horizontal, todo visible */
@media (max-width: 1024px) {
.dock-center[data-v-f997c1b8] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
    overflow: hidden;
}
.dock-info-inline[data-v-f997c1b8] {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 4px;
    padding-right: 12px;
}
.dock-info-inline[data-v-f997c1b8]::-webkit-scrollbar { display: none;
}
.dock-expediente-code[data-v-f997c1b8] {
    font-size: 9px;
    padding: 1px 3px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.dock-categoria[data-v-f997c1b8] {
    font-size: 9px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.dock-expediente[data-v-f997c1b8] {
    font-size: 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.dock-nit[data-v-f997c1b8] {
    font-size: 9px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.dock-client[data-v-f997c1b8] {
    font-size: 9px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.dock-meta-item[data-v-f997c1b8] {
    font-size: 8px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.dock-separator[data-v-f997c1b8] {
    font-size: 8px;
    color: rgba(0,0,0,0.2);
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.dock-folder-tab[data-v-f997c1b8] {
    padding: 4px 8px;
    height: 32px;
}
.dock-folder-tab i[data-v-f997c1b8] {
    font-size: 14px;
}
.dock-nav-btn[data-v-f997c1b8] {
    width: 32px;
    height: 32px;
    padding: 0;
}
.dock-nav-btn span[data-v-f997c1b8]:not(.dock-badge) {
    display: none;
}
}
@media (max-width: 768px) {
.expediente-dock[data-v-f997c1b8] {
    width: 98%;
    bottom: 8px;
}
.dock-content[data-v-f997c1b8] {
    padding: 6px 10px;
    gap: 8px;
    min-height: 52px;
}
.dock-folder-tabs[data-v-f997c1b8] {
    gap: 2px;
}
.dock-expediente[data-v-f997c1b8] {
    font-size: 11px;
}
.dock-client-name[data-v-f997c1b8] {
    font-size: 10px;
}
.dock-nit[data-v-f997c1b8] {
    font-size: 9px;
    padding: 1px 4px;
}
.dock-nav-btn[data-v-f997c1b8] {
    width: 36px;
    height: 36px;
    padding: 0;
}
.dock-nav-btn span[data-v-f997c1b8]:not(.dock-badge) {
    display: none;
}
}
@-webkit-keyframes neo-appear-f997c1b8 {
from {
    opacity: 0;
    -webkit-transform: scale(0.95) translateY(20px);
            transform: scale(0.95) translateY(20px);
}
to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
}
}
@keyframes neo-appear-f997c1b8 {
from {
    opacity: 0;
    -webkit-transform: scale(0.95) translateY(20px);
            transform: scale(0.95) translateY(20px);
}
to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
}
}

/* Header */
.neo-header[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.client-section[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 12px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.client-section[data-v-f997c1b8]:hover {
  background: rgba(95, 35, 159, 0.08);
}
.client-avatar[data-v-f997c1b8] {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #5F239F, #8B5CF6);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  font-size: 20px;
}
.client-info h3[data-v-f997c1b8] {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
}
.client-meta[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-top: 4px;
}
.meta-chip[data-v-f997c1b8] {
  padding: 2px 8px;
  background: rgba(95, 35, 159, 0.1);
  color: #5F239F;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
}
.status-primary[data-v-f997c1b8] { background: rgba(59, 130, 246, 0.1); color: #3B82F6;
}
.status-warning[data-v-f997c1b8] { background: rgba(245, 158, 11, 0.1); color: #F59E0B;
}
.status-success[data-v-f997c1b8] { background: rgba(16, 185, 129, 0.1); color: #10B981;
}
.status-danger[data-v-f997c1b8] { background: rgba(239, 68, 68, 0.1); color: #EF4444;
}

/* Navigation tabs */
.neo-tabs[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  background: rgba(0, 0, 0, 0.03);
  padding: 4px;
  border-radius: 10px;
}
.neo-tab[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border: none;
  background: transparent;
  color: #666;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 14px;
  font-weight: 500;
}
.neo-tab[data-v-f997c1b8]:hover {
  background: rgba(255, 255, 255, 0.5);
  color: #333;
}
.neo-tab.active[data-v-f997c1b8] {
  background: white;
  color: #5F239F;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.neo-close[data-v-f997c1b8] {
  width: 36px;
  height: 36px;
  border: none;
  background: rgba(0, 0, 0, 0.05);
  color: #666;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 18px;
}
.neo-close[data-v-f997c1b8]:hover {
  background: rgba(239, 68, 68, 0.1);
  color: #EF4444;
}

/* Content area */
.neo-content[data-v-f997c1b8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 24px;
  background: transparent;
  position: relative;
  z-index: 5;
}
.neo-view[data-v-f997c1b8] {
  height: 100%;
}

/* Neo Floating Header (Triple Deck) */
.neo-deck-container[data-v-f997c1b8] {
  padding: 20px;
  padding-bottom: 40px; /* Lower folders */
  background: transparent;
  z-index: 10;
  margin-top: auto; /* Push to bottom */
  margin-bottom: 0;
  width: 100%;
  pointer-events: none; /* Let clicks pass through empty space */
}

/* Ocultar deck cuando hay task modal abierto */
.neo-deck-container.deck-hidden-by-task[data-v-f997c1b8] {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

/* Sequential Stack */
.sequential-stack[data-v-f997c1b8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    width: 100%;
}

  /* Glass Masonry Grid */
.glass-masonry-grid[data-v-f997c1b8] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

/* Glass Cards */
.glass-card[data-v-f997c1b8] {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  padding: 20px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.glass-card[data-v-f997c1b8]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: -webkit-gradient(linear, 
    left top, right top, 
    from(transparent), 
    color-stop(rgba(255, 255, 255, 0.8)), 
    to(transparent)
  );
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.8), 
    transparent
  );
}
.glass-card[data-v-f997c1b8]:hover {
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-box-shadow: 
    0 20px 40px rgba(0, 0, 0, 0.1),
    0 0 0 1px rgba(95, 35, 159, 0.1) inset;
          box-shadow: 
    0 20px 40px rgba(0, 0, 0, 0.1),
    0 0 0 1px rgba(95, 35, 159, 0.1) inset;
}
.glass-card.wide-card[data-v-f997c1b8] {
  grid-column: span 2;
}
.glass-card-header[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.glass-card-header i[data-v-f997c1b8] {
  color: #5F239F;
  margin-right: 8px;
  font-size: 18px;
}
.glass-card-header span[data-v-f997c1b8] {
  font-weight: 600;
  color: #1a1a1a;
  font-size: 16px;
}
.edit-toggle[data-v-f997c1b8] {
  background: rgba(95, 35, 159, 0.1);
  border: none;
  color: #5F239F;
  padding: 6px 10px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.edit-toggle[data-v-f997c1b8]:hover {
  background: rgba(95, 35, 159, 0.2);
}

/* Data fields */
.data-fields-grid[data-v-f997c1b8] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
}
.data-field[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.field-label[data-v-f997c1b8] {
  font-size: 12px;
  font-weight: 500;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.field-value[data-v-f997c1b8] {
  font-size: 14px;
  color: #1a1a1a;
  font-weight: 500;
}
.field-value.font-monospace[data-v-f997c1b8] {
  font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;
  background: rgba(95, 35, 159, 0.05);
  padding: 4px 8px;
  border-radius: 6px;
}

/* Copyable fields */
.copyable-field[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin-bottom: 8px;
}
.copyable-field[data-v-f997c1b8]:hover {
  background: rgba(95, 35, 159, 0.05);
}
.copyable-field .field-content[data-v-f997c1b8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.copyable-field label[data-v-f997c1b8] {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #666;
  margin-bottom: 4px;
}
.copyable-field p[data-v-f997c1b8] {
  margin: 0;
  font-size: 14px;
  color: #1a1a1a;
  font-weight: 500;
}
.copy-icon[data-v-f997c1b8] {
  color: #999;
  font-size: 16px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.copyable-field:hover .copy-icon[data-v-f997c1b8] {
  opacity: 1;
}

/* Items list for devices */
.items-list[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.item-row[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 12px;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 10px;
}
.item-icon[data-v-f997c1b8] {
  width: 32px;
  height: 32px;
  background: rgba(95, 35, 159, 0.1);
  color: #5F239F;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
}
.item-info[data-v-f997c1b8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.item-label[data-v-f997c1b8] {
  font-size: 12px;
  font-weight: 500;
  color: #666;
}
.item-value[data-v-f997c1b8] {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
}

/* Documentos layout */
.documentos-layout[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  height: 100%;
}
.coverflow-section[data-v-f997c1b8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 400px;
}
.thumbnails-section[data-v-f997c1b8] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* Files grid */
.files-grid[data-v-f997c1b8] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  gap: 12px;
}
.file-item[data-v-f997c1b8] {
  aspect-ratio: 1;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  overflow: hidden;
  position: relative;
}
.file-item[data-v-f997c1b8]:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.file-thumbnail[data-v-f997c1b8] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: white;
}
.file-thumbnail img[data-v-f997c1b8] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.file-thumbnail i[data-v-f997c1b8] {
  font-size: 24px;
  color: #999;
}
.file-count[data-v-f997c1b8] {
  background: rgba(95, 35, 159, 0.1);
  color: #5F239F;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
}

/* Timeline stats */
.timeline-stats[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.stat-item[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
}
.stat-label[data-v-f997c1b8] {
  font-size: 12px;
  font-weight: 500;
  color: #666;
}
.stat-value[data-v-f997c1b8] {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
}

/* Refresh button */
.refresh-btn[data-v-f997c1b8] {
  background: rgba(95, 35, 159, 0.1);
  border: none;
  color: #5F239F;
  padding: 6px 10px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.refresh-btn[data-v-f997c1b8]:hover:not(:disabled) {
  background: rgba(95, 35, 159, 0.2);
}
.refresh-btn[data-v-f997c1b8]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Gooey Menu */
.gooey-menu-container[data-v-f997c1b8] {
  position: fixed; /* Fixed to viewport */
  bottom: 32px;
  right: 32px;
  z-index: 10001; /* Above expanded modal (9999) */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.gooey-main[data-v-f997c1b8] {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #5F239F;
  color: white;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  -webkit-box-shadow: 0 8px 20px rgba(95, 35, 159, 0.4);
          box-shadow: 0 8px 20px rgba(95, 35, 159, 0.4);
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  z-index: 20;
}
.gooey-main[data-v-f997c1b8]:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.gooey-main.active[data-v-f997c1b8] {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background: #EF4444;
  -webkit-box-shadow: 0 8px 20px rgba(239, 68, 68, 0.4);
          box-shadow: 0 8px 20px rgba(239, 68, 68, 0.4);
}
.gooey-actions[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 12px;
  opacity: 0;
  -webkit-transform: translateY(20px) scale(0.8);
          transform: translateY(20px) scale(0.8);
  pointer-events: none;
  -webkit-transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.gooey-actions.active[data-v-f997c1b8] {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
  pointer-events: auto;
}
.gooey-item[data-v-f997c1b8] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: white;
  color: #5F239F;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 20px;
  -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);
          box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.gooey-item[data-v-f997c1b8]:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  color: #8B5CF6;
}
.close-item[data-v-f997c1b8] {
  color: #EF4444;
}
.close-item[data-v-f997c1b8]:hover {
  color: #DC2626;
}

/* Neo buttons */
.neo-btn[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.neo-btn-ghost[data-v-f997c1b8] {
  background: rgba(0, 0, 0, 0.05);
  color: #666;
}
.neo-btn-ghost[data-v-f997c1b8]:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #333;
}
.neo-actions[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.neo-btn-action[data-v-f997c1b8] {
  background: rgba(95, 35, 159, 0.1);
  color: #5F239F;
}
.neo-btn-action[data-v-f997c1b8]:hover {
  background: rgba(95, 35, 159, 0.2);
  color: #5F239F;
}
.neo-btn-action.item-warning[data-v-f997c1b8] {
  background: rgba(245, 158, 11, 0.1);
  color: #F59E0B;
}
.neo-btn-action.item-warning[data-v-f997c1b8]:hover {
  background: rgba(245, 158, 11, 0.2);
}
.neo-btn-action.item-info[data-v-f997c1b8] {
  background: rgba(59, 130, 246, 0.1);
  color: #3B82F6;
}
.neo-btn-action.item-info[data-v-f997c1b8]:hover {
  background: rgba(59, 130, 246, 0.2);
}
.neo-btn-action.item-primary[data-v-f997c1b8] {
  background: rgba(139, 97, 246, 0.1);
  color: #8B5CF6;
}
.neo-btn-action.item-primary[data-v-f997c1b8]:hover {
  background: rgba(139, 97, 246, 0.2);
}
.neo-btn-action.item-danger[data-v-f997c1b8] {
  background: rgba(239, 68, 68, 0.1);
  color: #EF4444;
}
.neo-btn-action.item-danger[data-v-f997c1b8]:hover {
  background: rgba(239, 68, 68, 0.2);
}

/* Client details popover */
.client-details-popover-overlay[data-v-f997c1b8] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 3100;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.client-details-popover-enhanced[data-v-f997c1b8] {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 20px;
  -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
          box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  max-width: 800px;
  max-height: 80vh;
  overflow: hidden;
  -webkit-animation: popover-appear-f997c1b8 0.3s cubic-bezier(0.23, 1, 0.32, 1);
          animation: popover-appear-f997c1b8 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
@-webkit-keyframes popover-appear-f997c1b8 {
from {
    opacity: 0;
    -webkit-transform: scale(0.9) translateY(10px);
            transform: scale(0.9) translateY(10px);
}
to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
}
}
@keyframes popover-appear-f997c1b8 {
from {
    opacity: 0;
    -webkit-transform: scale(0.9) translateY(10px);
            transform: scale(0.9) translateY(10px);
}
to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
}
}
.popover-header-enhanced[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.popover-header-enhanced h5[data-v-f997c1b8] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #1a1a1a;
}
.popover-header-enhanced small[data-v-f997c1b8] {
  color: #666;
  font-size: 12px;
}
.btn-close-neo[data-v-f997c1b8] {
  width: 32px;
  height: 32px;
  border: none;
  background: rgba(0, 0, 0, 0.05);
  color: #666;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 16px;
}
.btn-close-neo[data-v-f997c1b8]:hover {
  background: rgba(239, 68, 68, 0.1);
  color: #EF4444;
}
.popover-body-enhanced[data-v-f997c1b8] {
  padding: 24px;
  max-height: calc(80vh - 80px);
  overflow-y: auto;
}

/* Popover masonry grid */
.popover-masonry[data-v-f997c1b8] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
}
.popover-card[data-v-f997c1b8] {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 12px;
  overflow: hidden;
}
.popover-card-header[data-v-f997c1b8] {
  padding: 16px;
  background: rgba(95, 35, 159, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  font-weight: 600;
  color: #5F239F;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.popover-card-body[data-v-f997c1b8] {
  padding: 16px;
}

/* Animations */
.overlay-fade-enter-active[data-v-f997c1b8],
.overlay-fade-leave-active[data-v-f997c1b8] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.overlay-fade-enter-from[data-v-f997c1b8],
.overlay-fade-leave-to[data-v-f997c1b8] {
  opacity: 0;
}
.overlay-fade-enter-from .neo-container[data-v-f997c1b8],
.overlay-fade-leave-to .neo-container[data-v-f997c1b8] {
  -webkit-transform: scale(0.95) translateY(20px);
          transform: scale(0.95) translateY(20px);
}

/* Spin animation */
.spin[data-v-f997c1b8] {
  -webkit-animation: spin-f997c1b8 1s linear infinite;
          animation: spin-f997c1b8 1s linear infinite;
}
@-webkit-keyframes spin-f997c1b8 {
from { -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
@keyframes spin-f997c1b8 {
from { -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}

/* More files indicator */
.more-files[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  aspect-ratio: 1;
  background: rgba(95, 35, 159, 0.05);
  color: #5F239F;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.more-files[data-v-f997c1b8]:hover {
  background: rgba(95, 35, 159, 0.1);
}

/* OCR Form Styles */
.ocr-form-container[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  max-height: 400px;
  overflow-y: auto;
  padding-right: 8px;
}
.ocr-form-actions[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.ocr-form-actions .neo-btn[data-v-f997c1b8]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* AI Validation Styles */
.ai-validate-btn[data-v-f997c1b8] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  background: linear-gradient(135deg, #5F239F, #8B5CF6);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.ai-validate-btn[data-v-f997c1b8]:hover:not(:disabled) {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 8px 16px rgba(95, 35, 159, 0.3);
          box-shadow: 0 8px 16px rgba(95, 35, 159, 0.3);
}
.ai-validate-btn[data-v-f997c1b8]:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.ai-validation-result[data-v-f997c1b8] {
  margin-top: 16px;
  padding: 16px;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.ai-summary[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.ai-status[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 14px;
}
.ai-status.success[data-v-f997c1b8] {
  color: #10B981;
}
.ai-status.warning[data-v-f997c1b8] {
  color: #F59E0B;
}
.ai-status.error[data-v-f997c1b8] {
  color: #EF4444;
}
.ai-stats[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  font-size: 12px;
}
.stat-success[data-v-f997c1b8] {
  color: #10B981;
}
.stat-warning[data-v-f997c1b8] {
  color: #F59E0B;
}
.stat-error[data-v-f997c1b8] {
  color: #EF4444;
}

/* File Preview in Deck */
.file-preview-list[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  max-height: 200px;
  overflow-y: auto;
  margin-bottom: 16px;
  padding: 4px;
}
.file-preview-item[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 16px;
  cursor: pointer;
  -webkit-transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  border: 1px solid rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.03);
          box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}
.file-preview-item[data-v-f997c1b8]:hover {
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: translateY(-2px) scale(1.02);
          transform: translateY(-2px) scale(1.02);
  -webkit-box-shadow: 0 8px 20px rgba(95, 35, 159, 0.1);
          box-shadow: 0 8px 20px rgba(95, 35, 159, 0.1);
  border-color: rgba(95, 35, 159, 0.2);
}
.file-icon-wrapper[data-v-f997c1b8] {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: white;
  border-radius: 12px;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.05);
          box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.file-thumb[data-v-f997c1b8] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.file-info[data-v-f997c1b8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  overflow: hidden;
}
.file-name[data-v-f997c1b8] {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-ext[data-v-f997c1b8] {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
  color: #999;
  background: rgba(0,0,0,0.05);
  padding: 2px 6px;
  border-radius: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.view-icon[data-v-f997c1b8] {
  color: #5F239F;
  opacity: 0;
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.file-preview-item:hover .view-icon[data-v-f997c1b8] {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.empty-files[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 20px;
  color: #999;
  font-size: 12px;
  border: 1px dashed #ccc;
  border-radius: 12px;
}

/* ============================================
   RESPONSIVE DESIGN - MOBILE FIRST
   Optimizado para touch, swipe, y full screen
   ============================================ */
@media (max-width: 768px) {
  /* Container: Full screen, sin borders */
.neo-container[data-v-f997c1b8] {
    width: 100vw;
    height: 100vh;
    border-radius: 0;
    max-width: none;
    max-height: none;
}

  /* Backdrop: Más oscuro en móvil para mejor contraste */
.neo-backdrop[data-v-f997c1b8] {
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(12px);
}

  /* BOTÓN CERRAR MÓVIL - FAB en top-right */
.mobile-close-fab[data-v-f997c1b8] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: fixed;
    top: 16px;
    right: 16px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.2);
    -webkit-box-shadow:
      0 8px 24px rgba(0, 0, 0, 0.3),
      0 4px 12px rgba(0, 0, 0, 0.2);
            box-shadow:
      0 8px 24px rgba(0, 0, 0, 0.3),
      0 4px 12px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    cursor: pointer;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 24px;
    -webkit-transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    -webkit-tap-highlight-color: transparent;
}
.mobile-close-fab[data-v-f997c1b8]:active {
    -webkit-transform: scale(0.92);
            transform: scale(0.92);
    background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
}

  /* Header: OCULTAR COMPLETAMENTE EN MÓVIL */
.neo-glass-header[data-v-f997c1b8] {
    display: none !important;
}
.header-glass-content[data-v-f997c1b8] {
    padding: 0 8px;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(40px) saturate(180%);
    -webkit-backdrop-filter: blur(40px) saturate(180%);
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 56px;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.header-title[data-v-f997c1b8] {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
    padding: 0;
    font-size: 15px;
    gap: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.header-title > i[data-v-f997c1b8],
  .header-title > .column-nav-btn[data-v-f997c1b8] {
    display: none !important;
}
.header-main[data-v-f997c1b8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.header-expediente[data-v-f997c1b8] {
    font-weight: 600;
    font-size: 15px;
    letter-spacing: -0.3px;
    overflow: hidden;
    text-overflow: ellipsis;
}

  /* Ocultar TODA la metadata */
.header-meta[data-v-f997c1b8],
  .header-dot[data-v-f997c1b8] {
    display: none !important;
}

  /* Botón cerrar - izquierda integrado */
.close-overlay-btn[data-v-f997c1b8] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 0;
    gap: 0;
    background: transparent;
    min-width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: -4px;
}
.close-overlay-btn[data-v-f997c1b8]:hover {
    background: transparent;
}
.close-overlay-btn span[data-v-f997c1b8] {
    display: none;
}
.close-overlay-btn .icon-circle[data-v-f997c1b8] {
    width: auto;
    height: auto;
    background: transparent;
    color: #007AFF;
    font-size: 24px;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.close-overlay-btn:hover .icon-circle[data-v-f997c1b8] {
    -webkit-transform: none;
            transform: none;
    background: transparent;
}
.close-overlay-btn[data-v-f997c1b8]:active {
    opacity: 0.4;
}
.close-overlay-btn:active .icon-circle[data-v-f997c1b8] {
    background: transparent;
}

  /* Deck Container: Sin padding para maximizar espacio en móvil */
.neo-deck-container[data-v-f997c1b8] {
    padding: 0 !important;
    margin: 0;
    pointer-events: auto !important; /* Critical: enable tablet/mobile interactions */
}

  /* Legacy styles - mantener compatibilidad */
.neo-header[data-v-f997c1b8] {
    padding: 12px;
}
.neo-content[data-v-f997c1b8] {
    padding: 12px;
}
.glass-masonry-grid[data-v-f997c1b8] {
    grid-template-columns: 1fr;
    gap: 12px;
}
.glass-card.wide-card[data-v-f997c1b8] {
    grid-column: span 1;
}
.neo-tabs[data-v-f997c1b8] {
    display: none;
}
.ocr-form-actions[data-v-f997c1b8] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}
.ai-stats[data-v-f997c1b8] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
}

  /* Error State: Más compacto en móvil */
.neo-error-state[data-v-f997c1b8] {
    padding: 20px;
    min-height: 300px;
}
.error-content[data-v-f997c1b8] {
    padding: 32px 24px;
    border-radius: 24px;
}
.error-icon[data-v-f997c1b8] {
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
}
.error-icon i[data-v-f997c1b8] {
    font-size: 28px;
}
.error-title[data-v-f997c1b8] {
    font-size: 1.25rem;
}
.error-message[data-v-f997c1b8] {
    font-size: 0.875rem;
}
}

/* Mobile Portrait: Optimizaciones adicionales para pantallas muy pequeñas */
@media (max-width: 576px) {
.header-glass-content[data-v-f997c1b8] {
    padding: 4px 6px;
}
.header-title[data-v-f997c1b8] {
    font-size: 12px;
    gap: 6px;
    padding: 0 6px;
}
.header-title i[data-v-f997c1b8] {
    font-size: 14px;
}
.close-overlay-btn .icon-circle[data-v-f997c1b8] {
    width: 32px;
    height: 32px;
    font-size: 16px;
}
.column-nav-btn[data-v-f997c1b8] {
    padding: 5px 8px;
    font-size: 11px;
}

  /* Header meta: Mostrar solo expediente número */
.header-main > .header-meta[data-v-f997c1b8]:first-of-type {
    max-width: 100px;
}
}

/* ============================================
   Error State Styles - Glassmorphism Design
   ============================================ */
.neo-error-state[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  width: 100%;
  min-height: 400px;
  padding: 40px;
}
.error-content[data-v-f997c1b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  max-width: 420px;
  padding: 48px 40px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  border-radius: 32px;
  -webkit-box-shadow:
    0 20px 60px rgba(0, 0, 0, 0.1),
    inset 0 0 0 1px rgba(255, 255, 255, 0.6);
          box-shadow:
    0 20px 60px rgba(0, 0, 0, 0.1),
    inset 0 0 0 1px rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.error-icon[data-v-f997c1b8] {
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(135deg, #ff6b6b 0%, #ee5a5a 100%);
  border-radius: 24px;
  margin-bottom: 24px;
  -webkit-box-shadow:
    0 12px 32px rgba(238, 90, 90, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
          box-shadow:
    0 12px 32px rgba(238, 90, 90, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.error-icon i[data-v-f997c1b8] {
  font-size: 36px;
  color: white;
}
.error-title[data-v-f997c1b8] {
  font-size: 1.5rem;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0 0 12px 0;
}
.error-message[data-v-f997c1b8] {
  font-size: 0.95rem;
  color: #666;
  line-height: 1.6;
  margin: 0 0 28px 0;
}
.error-close-btn[data-v-f997c1b8] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px 28px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none;
  border-radius: 16px;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow:
    0 8px 24px rgba(102, 126, 234, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
          box-shadow:
    0 8px 24px rgba(102, 126, 234, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.error-close-btn[data-v-f997c1b8]:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow:
    0 12px 32px rgba(102, 126, 234, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
          box-shadow:
    0 12px 32px rgba(102, 126, 234, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.error-close-btn[data-v-f997c1b8]:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.error-close-btn i[data-v-f997c1b8] {
  font-size: 1.1rem;
}

/* ========================================== */
/* RESPONSIVE BREAKPOINTS - SPATIAL LAYOUT   */
/* ========================================== */

/* === 4K UHD (3840x2160) === */
@media (min-width: 3200px) {
.expediente-dock[data-v-f997c1b8] {
    bottom: 24px;
}
.dock-content[data-v-f997c1b8] {
    padding: 12px 24px;
    gap: 24px;
    border-radius: 20px;
}
.dock-expediente[data-v-f997c1b8] { font-size: 16px;
}
.dock-nit[data-v-f997c1b8] { font-size: 14px;
}
.dock-client[data-v-f997c1b8] { font-size: 14px;
}
.dock-meta-item[data-v-f997c1b8] { font-size: 13px;
}
.dock-folder-label[data-v-f997c1b8] { font-size: 13px;
}
.dock-folder-tab[data-v-f997c1b8] { padding: 8px 16px; height: 44px;
}
.dock-close-btn[data-v-f997c1b8] { width: 40px; height: 40px; font-size: 20px;
}
}

/* === QHD/2K (2560x1440) === */
@media (min-width: 2200px) and (max-width: 3199px) {
.expediente-dock[data-v-f997c1b8] {
    bottom: 20px;
}
.dock-content[data-v-f997c1b8] {
    padding: 10px 20px;
    gap: 20px;
}
.dock-expediente[data-v-f997c1b8] { font-size: 14px;
}
.dock-nit[data-v-f997c1b8] { font-size: 12px;
}
.dock-folder-label[data-v-f997c1b8] { font-size: 12px;
}
}

/* === Full HD (1920x1080) === */
@media (min-width: 1800px) and (max-width: 2199px) {
  /* Full width - sin límite */
}

/* === HD+ (1600-1800px) === */
@media (min-width: 1500px) and (max-width: 1799px) {
  /* Full width - sin límite */
}

/* === Laptop HD (1366x768, 1440x900) === */
@media (min-width: 1280px) and (max-width: 1499px) {
.expediente-dock[data-v-f997c1b8] {
    bottom: 10px;
}
.dock-content[data-v-f997c1b8] {
    padding: 6px 14px;
    gap: 14px;
    min-height: 44px;
}
.dock-expediente[data-v-f997c1b8] { font-size: 12px;
}
.dock-nit[data-v-f997c1b8] { font-size: 10px;
}
.dock-client[data-v-f997c1b8] { font-size: 10px; min-width: 80px;
}
.dock-meta-item[data-v-f997c1b8] { font-size: 9px;
}
.dock-separator[data-v-f997c1b8] { font-size: 10px;
}
.dock-folder-tab[data-v-f997c1b8] { padding: 5px 10px; height: 34px;
}
.dock-folder-count[data-v-f997c1b8] { font-size: 9px; padding: 1px 5px;
}
.dock-nav-btn[data-v-f997c1b8] { height: 32px; padding: 4px 10px; font-size: 12px;
}
.dock-close-btn[data-v-f997c1b8] { width: 28px; height: 28px;
}
.dock-toggle-btn[data-v-f997c1b8] { width: 24px; height: 24px;
}
}

/* === Tablet Landscape / Small Laptop (1024-1279px) === */
@media (min-width: 1024px) and (max-width: 1279px) {
.expediente-dock[data-v-f997c1b8] {
    bottom: 8px;
}
.dock-content[data-v-f997c1b8] {
    padding: 6px 12px;
    gap: 10px;
    min-height: 42px;
}
.dock-expediente[data-v-f997c1b8] { font-size: 11px;
}
.dock-nit[data-v-f997c1b8] { font-size: 9px;
}
.dock-client[data-v-f997c1b8] { font-size: 9px; -ms-flex-negative: 0; flex-shrink: 0;
}
.dock-meta-item[data-v-f997c1b8] { font-size: 9px; -ms-flex-negative: 0; flex-shrink: 0;
}
.dock-separator[data-v-f997c1b8] { -ms-flex-negative: 0; flex-shrink: 0;
}
.dock-folder-label[data-v-f997c1b8] { display: none;
}
.dock-folder-tab[data-v-f997c1b8] { padding: 5px 8px; height: 32px;
}
.dock-folder-tab i[data-v-f997c1b8] { font-size: 14px;
}
.dock-folder-count[data-v-f997c1b8] { font-size: 8px; padding: 1px 4px; min-width: 16px;
}
.dock-nav-btn[data-v-f997c1b8] { width: 32px; height: 32px; padding: 0;
}
.dock-nav-btn span[data-v-f997c1b8]:not(.dock-badge) { display: none;
}
.dock-close-btn[data-v-f997c1b8] { width: 28px; height: 28px; font-size: 14px;
}
}

/* === Tablet Portrait (768-1023px) === */
@media (min-width: 768px) and (max-width: 1023px) {
.expediente-dock[data-v-f997c1b8] {
    width: 96%;
    bottom: 8px;
}
.dock-content[data-v-f997c1b8] {
    padding: 6px 10px;
    gap: 8px;
    min-height: 42px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.dock-center[data-v-f997c1b8] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
}
.dock-info-inline[data-v-f997c1b8] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: auto;
    gap: 4px;
}
.dock-expediente[data-v-f997c1b8] { font-size: 10px; -ms-flex-negative: 0; flex-shrink: 0;
}
.dock-nit[data-v-f997c1b8] { font-size: 9px; -ms-flex-negative: 0; flex-shrink: 0;
}
.dock-client[data-v-f997c1b8] { font-size: 9px; -ms-flex-negative: 0; flex-shrink: 0;
}
.dock-meta-item[data-v-f997c1b8] { font-size: 8px; -ms-flex-negative: 0; flex-shrink: 0;
}
.dock-separator[data-v-f997c1b8] { -ms-flex-negative: 0; flex-shrink: 0;
}
.dock-folder-label[data-v-f997c1b8] { display: none;
}
.dock-folder-tab[data-v-f997c1b8] { padding: 4px 8px; height: 30px;
}
.dock-folder-tab i[data-v-f997c1b8] { font-size: 13px;
}
.dock-folder-count[data-v-f997c1b8] { font-size: 8px;
}
.dock-toggle-btn[data-v-f997c1b8] { display: none;
}
}

/* === Mobile Landscape (600-767px) === */
@media (min-width: 600px) and (max-width: 767px) {
.expediente-dock[data-v-f997c1b8] {
    width: 98%;
    bottom: 6px;
}
.dock-content[data-v-f997c1b8] {
    padding: 6px 8px;
    gap: 6px;
    min-height: 48px;
    border-radius: 12px;
}
.dock-left[data-v-f997c1b8] { display: none;
} /* Ocultar nav en landscape mobile */
.dock-center[data-v-f997c1b8] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1;
}
.dock-info-inline[data-v-f997c1b8] { gap: 4px; overflow-x: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
}
.dock-expediente[data-v-f997c1b8] { font-size: 11px; -ms-flex-negative: 0; flex-shrink: 0;
}
.dock-nit[data-v-f997c1b8] { font-size: 9px; -ms-flex-negative: 0; flex-shrink: 0;
}
.dock-client[data-v-f997c1b8] { font-size: 9px; -ms-flex-negative: 0; flex-shrink: 0;
}
.dock-meta-item[data-v-f997c1b8] { font-size: 8px; -ms-flex-negative: 0; flex-shrink: 0;
}
.dock-separator[data-v-f997c1b8] { -ms-flex-negative: 0; flex-shrink: 0;
}
.dock-folder-tabs[data-v-f997c1b8] { gap: 4px;
}
.dock-folder-label[data-v-f997c1b8] { display: none;
}
.dock-folder-tab[data-v-f997c1b8] { padding: 4px 6px; height: 28px; border-radius: 8px 8px 0 0;
}
.dock-folder-tab[data-v-f997c1b8]::before { display: none;
}
.dock-folder-tab i[data-v-f997c1b8] { font-size: 12px;
}
.dock-folder-count[data-v-f997c1b8] { display: none;
}
.dock-close-btn[data-v-f997c1b8] { width: 28px; height: 28px; font-size: 14px; border-radius: 6px;
}
.dock-toggle-btn[data-v-f997c1b8] { display: none;
}
}

/* === Mobile Portrait (< 600px) - FULL MOBILE OPTIMIZATION === */
@media (max-width: 599px) {
  /* Overlay ajustado para móvil */
.expediente-overlay-neo[data-v-f997c1b8] {
    padding: 0;
}
.neo-backdrop[data-v-f997c1b8] {
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(12px);
}
.neo-container[data-v-f997c1b8] {
    width: 100%;
    height: 100%;
    border-radius: 0;
}

  /* Dock como barra fija inferior tipo app */
.expediente-dock[data-v-f997c1b8] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    -webkit-transform: none;
            transform: none;
    z-index: 200;
    padding: 0;
}
.dock-content[data-v-f997c1b8] {
    padding: 8px 12px;
    padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    gap: 8px;
    min-height: 56px;
    border-radius: 16px 16px 0 0;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(24px);
    -webkit-box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.15);
            box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.15);
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

  /* Left: Ocultar navegación columna */
.dock-left[data-v-f997c1b8] { display: none;
}

  /* Center: Info compacta con scroll horizontal */
.dock-center[data-v-f997c1b8] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
    overflow: hidden;
}
.dock-info-inline[data-v-f997c1b8] {
    gap: 4px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 4px 0;
    mask-image: -webkit-gradient(linear, left top, right top, color-stop(90%, #000), to(transparent));
    mask-image: linear-gradient(90deg, #000 90%, transparent 100%);
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(90%, #000), to(transparent));
    -webkit-mask-image: linear-gradient(90deg, #000 90%, transparent 100%);
}
.dock-info-inline[data-v-f997c1b8]::-webkit-scrollbar { display: none;
}
.dock-expediente-code[data-v-f997c1b8] {
    font-size: 10px;
    font-weight: 700;
    color: #5F239F;
    padding: 1px 4px;
    background: rgba(95, 35, 159, 0.1);
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.dock-categoria[data-v-f997c1b8] {
    font-size: 9px;
    font-weight: 600;
    color: #333;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.dock-expediente[data-v-f997c1b8] {
    font-size: 11px;
    font-weight: 700;
    color: #5F239F;
}
.dock-separator[data-v-f997c1b8] {
    display: inline;
    font-size: 8px;
    color: rgba(0, 0, 0, 0.2);
    margin: 0 1px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.dock-nit[data-v-f997c1b8] {
    display: inline;
    font-size: 9px;
    font-weight: 600;
    color: #666;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.dock-client[data-v-f997c1b8] {
    display: inline;
    font-size: 9px;
    font-weight: 500;
    color: #444;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.dock-meta-item[data-v-f997c1b8] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 8px;
    gap: 2px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.dock-meta-item i[data-v-f997c1b8] { font-size: 9px;
}
.dock-toggle-btn[data-v-f997c1b8] { display: none;
}

  /* Right: Tabs y Close */
.dock-right[data-v-f997c1b8] {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    gap: 6px;
}
.dock-folder-tabs[data-v-f997c1b8] {
    gap: 4px;
    height: auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.dock-folder-tab[data-v-f997c1b8] {
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: rgba(0, 0, 0, 0.04);
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.dock-folder-tab[data-v-f997c1b8]::before { display: none;
}
.dock-folder-tab i[data-v-f997c1b8] { font-size: 18px; opacity: 0.7;
}
.dock-folder-label[data-v-f997c1b8] { display: none;
}
.dock-folder-count[data-v-f997c1b8] { display: none;
}
.dock-folder-tab[data-v-f997c1b8]:hover {
    -webkit-transform: none;
            transform: none;
    background: rgba(0, 0, 0, 0.08);
}
.dock-folder-tab.active[data-v-f997c1b8] {
    -webkit-transform: none;
            transform: none;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}
.dock-folder-tab.active i[data-v-f997c1b8] {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
}

  /* Colores activos simplificados */
.folder-cliente-open .dock-folder-tab.active[data-v-f997c1b8] {
    background: linear-gradient(135deg, #fcd5ce 0%, #e5989b 100%);
    -webkit-box-shadow: 0 2px 12px rgba(229, 152, 155, 0.4);
            box-shadow: 0 2px 12px rgba(229, 152, 155, 0.4);
}
.folder-requisitos-open .dock-folder-tab.active[data-v-f997c1b8] {
    background: linear-gradient(135deg, #b5ead7 0%, #74c69d 100%);
    -webkit-box-shadow: 0 2px 12px rgba(116, 198, 157, 0.4);
            box-shadow: 0 2px 12px rgba(116, 198, 157, 0.4);
}
.folder-tareas-open .dock-folder-tab.active[data-v-f997c1b8] {
    background: linear-gradient(135deg, #e2d1f9 0%, #a88fd4 100%);
    -webkit-box-shadow: 0 2px 12px rgba(168, 143, 212, 0.4);
            box-shadow: 0 2px 12px rgba(168, 143, 212, 0.4);
}

  /* Close button */
.dock-close-btn[data-v-f997c1b8] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    font-size: 18px;
}

  /* Mini tabs en móvil */
.dock-mini-tabs[data-v-f997c1b8] {
    bottom: 0;
    -webkit-transform: translateX(-50%) translateY(40%);
            transform: translateX(-50%) translateY(40%);
    padding-bottom: env(safe-area-inset-bottom, 0px);
}
.dock-mini-tabs[data-v-f997c1b8]:hover {
    -webkit-transform: translateX(-50%) translateY(10%);
            transform: translateX(-50%) translateY(10%);
}
.dock-mini-expand[data-v-f997c1b8] {
    width: 44px;
    height: 44px;
}
.dock-mini-tab[data-v-f997c1b8] {
    width: 48px;
    height: 40px;
}

  /* Deck container ajustado - MOBILE CRITICAL */
.neo-deck-container[data-v-f997c1b8] {
    height: calc(100vh - 72px - env(safe-area-inset-bottom, 0px));
    padding: 0 !important; /* Remove all padding on mobile */
    margin: 0;
    pointer-events: auto !important; /* Critical: enable all mobile interactions */
}
.neo-deck-container.dock-collapsed[data-v-f997c1b8] {
    height: calc(100vh - 60px);
}

  /* Error state móvil */
.neo-error-state[data-v-f997c1b8] {
    padding: 20px;
    min-height: auto;
}
.error-content[data-v-f997c1b8] {
    padding: 32px 24px;
    border-radius: 24px;
    max-width: 100%;
}
.error-icon[data-v-f997c1b8] {
    width: 64px;
    height: 64px;
    border-radius: 20px;
}
.error-icon i[data-v-f997c1b8] { font-size: 28px;
}
.error-title[data-v-f997c1b8] { font-size: 1.25rem;
}
.error-message[data-v-f997c1b8] { font-size: 0.875rem;
}
.error-close-btn[data-v-f997c1b8] { padding: 10px 24px; font-size: 0.875rem;
}
}

/* === Very Small Mobile (< 400px) === */
@media (max-width: 399px) {
.dock-content[data-v-f997c1b8] {
    padding: 6px 8px;
    padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px));
    min-height: 52px;
    gap: 6px;
}
.dock-expediente[data-v-f997c1b8] { font-size: 11px;
}
.dock-folder-tab[data-v-f997c1b8] {
    width: 36px;
    height: 36px;
}
.dock-folder-tab i[data-v-f997c1b8] { font-size: 16px;
}
.dock-close-btn[data-v-f997c1b8] {
    width: 36px;
    height: 36px;
    font-size: 16px;
}
.dock-mini-expand[data-v-f997c1b8] { width: 40px; height: 40px;
}
.dock-mini-tab[data-v-f997c1b8] { width: 42px; height: 36px;
}
}

/* ========================================== */
/* HEIGHT-BASED BREAKPOINTS                   */
/* ========================================== */

/* === Altura limitada (768px o menos) - Laptops cortos === */
@media (max-height: 768px) and (min-width: 768px) {
.expediente-dock[data-v-f997c1b8] {
    bottom: 6px;
}
.dock-content[data-v-f997c1b8] {
    padding: 4px 12px;
    min-height: 40px;
    gap: 12px;
}
.dock-expediente[data-v-f997c1b8] { font-size: 11px;
}
.dock-nit[data-v-f997c1b8] { font-size: 9px;
}
.dock-folder-tab[data-v-f997c1b8] { height: 30px; padding: 4px 8px;
}
.dock-folder-label[data-v-f997c1b8] { font-size: 9px;
}
.dock-folder-count[data-v-f997c1b8] { font-size: 8px;
}
.dock-nav-btn[data-v-f997c1b8] { height: 28px;
}
.dock-close-btn[data-v-f997c1b8] { width: 26px; height: 26px;
}
}

/* === Altura muy corta (600px o menos) === */
@media (max-height: 600px) and (min-width: 768px) {
.expediente-dock[data-v-f997c1b8] {
    bottom: 4px;
}
.dock-content[data-v-f997c1b8] {
    padding: 3px 10px;
    min-height: 36px;
    gap: 10px;
}
.dock-expediente[data-v-f997c1b8] { font-size: 10px;
}
.dock-nit[data-v-f997c1b8] { font-size: 8px;
}
.dock-client[data-v-f997c1b8] { font-size: 8px;
}
.dock-folder-tab[data-v-f997c1b8] { height: 26px; padding: 3px 6px;
}
.dock-folder-tab i[data-v-f997c1b8] { font-size: 11px;
}
.dock-folder-label[data-v-f997c1b8] { display: none;
}
.dock-folder-count[data-v-f997c1b8] { display: none;
}
.dock-nav-btn[data-v-f997c1b8] { height: 24px; width: 24px; padding: 0;
}
.dock-nav-btn span[data-v-f997c1b8]:not(.dock-badge) { display: none;
}
.dock-close-btn[data-v-f997c1b8] { width: 24px; height: 24px; font-size: 12px;
}
}

/* ========================================== */
/* ASPECT RATIO OPTIMIZATIONS                 */
/* ========================================== */

/* === Ultrawide (21:9) === */
@media (min-aspect-ratio: 2/1) {
  /* Full width - sin límite */
}

/* === 4:3 Aspect Ratio (Monitores antiguos) === */
@media (min-aspect-ratio: 1/1) and (max-aspect-ratio: 4/3) {
.dock-content[data-v-f997c1b8] {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 8px;
}
.dock-center[data-v-f997c1b8] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
}
.dock-info-inline[data-v-f997c1b8] {
    overflow-x: auto;
}
}

/* ========================================== */
/* ACCESSIBILITY & SYSTEM PREFERENCES         */
/* ========================================== */

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
.expediente-dock[data-v-f997c1b8],
  .dock-content[data-v-f997c1b8],
  .dock-folder-tab[data-v-f997c1b8],
  .dock-clickable[data-v-f997c1b8],
  .dock-mini-tabs[data-v-f997c1b8],
  .dock-mini-expand[data-v-f997c1b8],
  .dock-mini-tab[data-v-f997c1b8] {
    -webkit-transition: none !important;
    transition: none !important;
}
.neo-container[data-v-f997c1b8] {
    -webkit-animation: none !important;
            animation: none !important;
}
@-webkit-keyframes bubbleUp-f997c1b8 {
0%, 100% { opacity: 1; -webkit-transform: translateX(-50%) translateY(0) scale(1); transform: translateX(-50%) translateY(0) scale(1);
}
}
@keyframes bubbleUp-f997c1b8 {
0%, 100% { opacity: 1; -webkit-transform: translateX(-50%) translateY(0) scale(1); transform: translateX(-50%) translateY(0) scale(1);
}
}
@-webkit-keyframes pulse-success-f997c1b8 {
0%, 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-box-shadow: none; box-shadow: none;
}
}
@keyframes pulse-success-f997c1b8 {
0%, 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-box-shadow: none; box-shadow: none;
}
}
}

/* High contrast mode support */
@media (prefers-contrast: high) {
.dock-content[data-v-f997c1b8] {
    background: rgba(255, 255, 255, 0.95);
    border: 2px solid #000;
}
.dock-folder-tab.active[data-v-f997c1b8] {
    border: 2px solid #000;
}
.dock-clickable[data-v-f997c1b8]:hover {
    outline: 2px solid #5F239F;
}
}

/* Touch device optimizations */
@media (hover: none) and (pointer: coarse) {
.dock-clickable[data-v-f997c1b8]:hover {
    background: transparent;
    -webkit-transform: none;
            transform: none;
}
.dock-folder-tab[data-v-f997c1b8]:hover {
    -webkit-transform: none;
            transform: none;
    background: rgba(140, 140, 140, 0.12);
}
.dock-folder-tab[data-v-f997c1b8],
  .dock-close-btn[data-v-f997c1b8],
  .dock-nav-btn[data-v-f997c1b8] {
    min-height: 44px;
    min-width: 44px;
}
}

/* Global styles for task modals - Glassmorphism like decks */
.tarea-modal-dialog .el-overlay {
  background: rgba(0, 0, 0, 0.2) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}
.tarea-modal-dialog .el-dialog {
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(40px) !important;
  -webkit-backdrop-filter: blur(40px) !important;
  border-radius: 32px !important;
  -webkit-box-shadow:
    0 40px 80px rgba(0,0,0,0.2),
    inset 0 0 0 1px rgba(255,255,255,0.5) !important;
          box-shadow:
    0 40px 80px rgba(0,0,0,0.2),
    inset 0 0 0 1px rgba(255,255,255,0.5) !important;
  border: 1px solid rgba(255,255,255,0.4) !important;

  /* Altura DINÁMICA basada en contenido */
  max-height: 90vh !important;
  height: auto !important; /* Dinámico */
  min-height: -webkit-fit-content !important;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  overflow: hidden !important;
  margin: 0 !important;
}
.tarea-modal-dialog .el-dialog__header {
  background: transparent;
  padding: 24px 24px 16px;
  border-bottom: 3px solid #F9CE00;
  margin: 0;

  /* Fixed header */
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tarea-modal-dialog .custom-dialog-header {
  width: 100%;
}

/* Botón de info cliente posicionado inline con el close button del dialog */
.tarea-modal-dialog .el-dialog__header {
  position: relative;
}
.tarea-modal-dialog .btn-client-info-absolute {
  position: absolute;
  top: 20px;
  right: 68px; /* A la izquierda del close button (20px + 40px + 8px gap) */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.05);
  background: rgba(255, 255, 255, 0.5);
  color: #5F239F;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 1;
}
.tarea-modal-dialog .btn-client-info-absolute:hover {
  background: white;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.tarea-modal-dialog .btn-client-info-absolute i {
  font-size: 1.25rem;
}
.tarea-modal-dialog .dialog-title {
  color: #1a1a1a;
  font-weight: 700;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin: 0 0 8px 0;
  padding-right: 100px; /* Espacio para botón info + botón cerrar */
}
.tarea-modal-dialog .dialog-title > .ti {
  color: #5F239F;
  font-size: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tarea-modal-dialog .dialog-subtitle {
  color: #6b7280;
  font-size: 13px;
  font-weight: 500;
  margin: 0;
  padding: 6px 12px;
  background: rgba(95, 35, 159, 0.08);
  border-radius: 6px;
  display: inline-block;
  max-width: calc(100% - 50px); /* No chocar con el botón cerrar */
}
.tarea-modal-dialog .el-dialog__title {
  color: #1a1a1a;
  font-weight: 700;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

/* El título usa icono real, no pseudo-elemento */
.tarea-modal-dialog .el-dialog__headerbtn {
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.tarea-modal-dialog .el-dialog__headerbtn:hover {
  background: white;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.tarea-modal-dialog .el-dialog__headerbtn .el-dialog__close {
  color: #5F239F;
  font-size: 18px;
}
.tarea-modal-dialog .el-dialog__body {
  padding: 24px !important;
  background: transparent !important;

  /* Altura dinámica basada en contenido */
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 1 auto !important;
          flex: 0 1 auto !important;
  min-height: -webkit-fit-content !important;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
  height: auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  max-height: calc(90vh - 140px) !important; /* Máximo menos header/footer */
}

/* Custom scrollbar for body */
.tarea-modal-dialog .el-dialog__body::-webkit-scrollbar {
  width: 8px;
}
.tarea-modal-dialog .el-dialog__body::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.tarea-modal-dialog .el-dialog__body::-webkit-scrollbar-thumb {
  background: rgba(95, 35, 159, 0.3);
  border-radius: 4px;
}
.tarea-modal-dialog .el-dialog__body::-webkit-scrollbar-thumb:hover {
  background: rgba(95, 35, 159, 0.5);
}
.tarea-modal-dialog .el-dialog__footer {
  padding: 16px 24px 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);

  /* Fixed footer */
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* Buttons inside task modal */
.tarea-modal-dialog .el-button--primary {
  background: #5F239F !important;
  border-color: #5F239F !important;
  border-radius: 12px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
}
.tarea-modal-dialog .el-button--primary:hover {
  background: #7B3ABF !important;
  border-color: #7B3ABF !important;
}
.tarea-modal-dialog .el-button--default {
  border-radius: 12px !important;
  padding: 12px 24px !important;
}

/* Botón Cancelar amarillo */
.tarea-modal-dialog .btn-cancelar-amarillo {
  background: #F9CE00 !important;
  border-color: #F9CE00 !important;
  color: #1a1a1a !important;
  border-radius: 12px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
}
.tarea-modal-dialog .btn-cancelar-amarillo:hover {
  background: #ffd633 !important;
  border-color: #ffd633 !important;
  color: #1a1a1a !important;
}

/* Ensure el-dialog and backdrop for task modals are above expediente overlay */
.tarea-modal-dialog {
  z-index: 10000 !important;
}

/* FORZAR estructura de scroll - MÁXIMA ESPECIFICIDAD */
/* Altura DINÁMICA basada en contenido (excepto Unity) */
.el-overlay + .el-dialog.tarea-modal-dialog,
body > .el-dialog.tarea-modal-dialog,
.tarea-modal-dialog.el-dialog {
  max-height: 90vh !important;
  height: auto !important; /* Altura dinámica */
  min-height: -webkit-fit-content !important;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  overflow: hidden !important;
}
.el-dialog.tarea-modal-dialog > .el-dialog__header,
.tarea-modal-dialog.el-dialog > .el-dialog__header {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
  overflow: hidden !important;
}
.el-dialog.tarea-modal-dialog > .el-dialog__body,
.tarea-modal-dialog.el-dialog > .el-dialog__body {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 1 auto !important;
          flex: 0 1 auto !important; /* No crecer, altura basada en contenido */
  overflow-y: auto !important;
  overflow-x: hidden !important;
  min-height: -webkit-fit-content !important;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
  height: auto !important;
}
.el-dialog.tarea-modal-dialog > .el-dialog__footer,
.tarea-modal-dialog.el-dialog > .el-dialog__footer {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
  overflow: hidden !important;
}

/* El backdrop del modal de tareas debe estar sobre el overlay del expediente */
.el-overlay.is-message-box {
  z-index: 9999 !important;
}

/* Asegurar que el backdrop del el-dialog de tareas esté correcto */
.el-overlay:has(+ .tarea-modal-dialog),
.el-overlay:has(.tarea-modal-dialog) {
  z-index: 9999 !important;
}

/* ===============================================
   MOBILE RESPONSIVE - TASK MODALS
   =============================================== */
@media (max-width: 768px) {
.tarea-modal-dialog .el-dialog {
    width: 100% !important;
    max-width: 100% !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border: none !important;
}
.tarea-modal-dialog .el-dialog__header {
    padding: 16px 20px 12px !important;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.08) !important;
}
.tarea-modal-dialog .dialog-title {
    font-size: 17px !important;
    font-weight: 600 !important;
    letter-spacing: -0.4px !important;
}
.tarea-modal-dialog .dialog-subtitle {
    font-size: 14px !important;
    padding-left: 20px !important;
}
.tarea-modal-dialog .el-dialog__headerbtn {
    top: 12px !important;
    right: 12px !important;
    width: 36px !important;
    height: 36px !important;
}
.tarea-modal-dialog .btn-client-info-absolute {
    top: 12px !important;
    right: 56px !important; /* 12px + 36px + 8px */
    width: 36px !important;
    height: 36px !important;
}
.tarea-modal-dialog .el-dialog__body {
    padding: 20px !important;
}
.tarea-modal-dialog .el-dialog__footer {
    padding: 16px 20px !important;
    border-top: 0.5px solid rgba(0, 0, 0, 0.08) !important;
}
.tarea-modal-dialog .el-button {
    padding: 12px 20px !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    min-height: 48px !important;
}
}

/* Overlay que cubre toda la pantalla */
.document-viewer-overlay[data-v-9f522baa] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1900; /* Debajo de modales Element Plus (2000) pero sobre navbar (1060) */
  backdrop-filter: blur(2px);
}

/* Container del visor */
.document-viewer-container[data-v-9f522baa] {
  width: 95vw;
  height: 95vh;
  max-width: 1400px;
  max-height: 900px;
  background: white;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
          box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

/* Contenido del visor */
.document-viewer-content[data-v-9f522baa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.modal-header[data-v-9f522baa] {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #dee2e6;
  background: #f8f9fa;
}
.document-viewer-body[data-v-9f522baa] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  overflow: auto;
  background: #f5f5f5;
}
.image-viewer-container[data-v-9f522baa] {
  height: 100%;
  width: 100%;
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.03);
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.viewer-image[data-v-9f522baa] {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.pdf-viewer-container[data-v-9f522baa] {
  height: 100%;
  width: 100%;
}
.pdf-viewer[data-v-9f522baa] {
  border: none;
}
.document-viewer-footer[data-v-9f522baa] {
  background-color: var(--tblr-body-bg);
  border-top: 1px solid var(--tblr-border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 1rem;
}
.document-info[data-v-9f522baa] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.document-controls[data-v-9f522baa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 1rem;
}
@media (max-width: 768px) {
.document-viewer-footer[data-v-9f522baa] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 0.5rem;
}
.document-info[data-v-9f522baa] {
    margin-bottom: 0.5rem;
    text-align: center;
}
.document-controls[data-v-9f522baa] {
    margin-right: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.action-buttons[data-v-9f522baa] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.5rem;
}
}

/* Estilos para modo pantalla completa */
.modal[data-v-9f522baa]:-webkit-full-screen {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  max-width: none;
  max-height: none;
}
.modal[data-v-9f522baa]:-ms-fullscreen {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  max-width: none;
  max-height: none;
}
.modal[data-v-9f522baa]:fullscreen {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  max-width: none;
  max-height: none;
}
.modal:-webkit-full-screen .document-viewer-body[data-v-9f522baa] {
  height: calc(100vh - 120px);
}
.modal:-ms-fullscreen .document-viewer-body[data-v-9f522baa] {
  height: calc(100vh - 120px);
}
.modal:fullscreen .document-viewer-body[data-v-9f522baa] {
  height: calc(100vh - 120px);
}

/* Estilos para el panel de anotaciones */
.annotations-panel[data-v-9f522baa] {
  width: 350px;
  border-left: 1px solid var(--tblr-border-color);
  background-color: var(--tblr-bg-surface);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.annotations-header[data-v-9f522baa] {
  padding: 1rem;
  border-bottom: 1px solid var(--tblr-border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.annotations-content[data-v-9f522baa] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 1rem;
}
.annotations-list[data-v-9f522baa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.annotation-item[data-v-9f522baa] {
  border: 1px solid var(--tblr-border-color);
  border-radius: 0.5rem;
  padding: 0.75rem;
  background-color: var(--tblr-card-bg);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.annotation-item[data-v-9f522baa]:hover {
  border-color: var(--tblr-primary);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.annotation-item.selected[data-v-9f522baa] {
  border-color: var(--tblr-primary);
  background-color: var(--tblr-primary-lt);
}
.annotation-header[data-v-9f522baa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.5rem;
}
.annotation-author[data-v-9f522baa] {
  font-weight: 500;
  color: var(--tblr-text-muted);
  font-size: 0.875rem;
}
.annotation-date[data-v-9f522baa] {
  font-size: 0.75rem;
  color: var(--tblr-text-muted);
}
.annotation-text[data-v-9f522baa] {
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
.annotation-actions[data-v-9f522baa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
}

/* Estilos para marcadores de anotaciones */
.annotation-marker[data-v-9f522baa] {
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: var(--tblr-primary);
  color: white;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  z-index: 10;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.annotation-marker[data-v-9f522baa]:hover {
  background-color: var(--tblr-primary-darken);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.annotation-marker.selected[data-v-9f522baa] {
  background-color: var(--tblr-success);
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.annotation-tooltip[data-v-9f522baa] {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: var(--tblr-dark);
  color: white;
  padding: 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  white-space: nowrap;
  max-width: 200px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  z-index: 1000;
}
.annotation-marker:hover .annotation-tooltip[data-v-9f522baa] {
  opacity: 1;
}

/* Estilos para el contenedor de documentos */
.document-container[data-v-9f522baa] {
  position: relative;
  overflow: hidden;
}
.image-viewer-container[data-v-9f522baa] {
  cursor: default;
}
.image-viewer-container.annotation-mode[data-v-9f522baa] {
  cursor: crosshair;
}

/* Responsive para el panel de anotaciones */
@media (max-width: 768px) {
.annotations-panel[data-v-9f522baa] {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: var(--tblr-bg-surface);
}
.document-container[data-v-9f522baa] {
    display: none;
}
.annotations-panel.show[data-v-9f522baa] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
}

/* Responsive para el overlay */
@media (max-width: 768px) {
.document-viewer-container[data-v-9f522baa] {
    width: 100vw;
    height: 100vh;
    border-radius: 0;
}
.modal-header[data-v-9f522baa] {
    padding: 0.75rem 1rem;
}
.btn-list[data-v-9f522baa] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.25rem;
}
}

/* Animaciones */
.document-viewer-overlay[data-v-9f522baa] {
  -webkit-animation: fadeIn-9f522baa 0.3s ease;
          animation: fadeIn-9f522baa 0.3s ease;
}
.document-viewer-container[data-v-9f522baa] {
  -webkit-animation: zoomIn-9f522baa 0.3s ease;
          animation: zoomIn-9f522baa 0.3s ease;
}
@-webkit-keyframes fadeIn-9f522baa {
from { opacity: 0;
}
to { opacity: 1;
}
}
@keyframes fadeIn-9f522baa {
from { opacity: 0;
}
to { opacity: 1;
}
}
@-webkit-keyframes zoomIn-9f522baa {
from { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0;
}
to { -webkit-transform: scale(1); transform: scale(1); opacity: 1;
}
}
@keyframes zoomIn-9f522baa {
from { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0;
}
to { -webkit-transform: scale(1); transform: scale(1); opacity: 1;
}
}

.kanban-card-skeleton[data-v-94aac572] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 0.875rem;
  margin-bottom: 0.5rem;
}

/* Header */
.kanban-card-skeleton__header[data-v-94aac572] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.625rem;
  margin-bottom: 0.75rem;
}
.kanban-card-skeleton__avatar[data-v-94aac572] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f3f4f6), color-stop(50%, #e5e7eb), color-stop(75%, #f3f4f6));
  background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
  background-size: 200% 100%;
  -webkit-animation: shimmer-94aac572 1.5s ease-in-out infinite;
          animation: shimmer-94aac572 1.5s ease-in-out infinite;
}
.kanban-card-skeleton__title-group[data-v-94aac572] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.kanban-card-skeleton__title[data-v-94aac572] {
  width: 70%;
  height: 14px;
  border-radius: 4px;
  margin-bottom: 0.375rem;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f3f4f6), color-stop(50%, #e5e7eb), color-stop(75%, #f3f4f6));
  background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
  background-size: 200% 100%;
  -webkit-animation: shimmer-94aac572 1.5s ease-in-out infinite;
          animation: shimmer-94aac572 1.5s ease-in-out infinite;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.kanban-card-skeleton__subtitle[data-v-94aac572] {
  width: 50%;
  height: 11px;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f3f4f6), color-stop(50%, #e5e7eb), color-stop(75%, #f3f4f6));
  background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
  background-size: 200% 100%;
  -webkit-animation: shimmer-94aac572 1.5s ease-in-out infinite;
          animation: shimmer-94aac572 1.5s ease-in-out infinite;
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}
.kanban-card-skeleton__badge[data-v-94aac572] {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f3f4f6), color-stop(50%, #e5e7eb), color-stop(75%, #f3f4f6));
  background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
  background-size: 200% 100%;
  -webkit-animation: shimmer-94aac572 1.5s ease-in-out infinite;
          animation: shimmer-94aac572 1.5s ease-in-out infinite;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

/* Content */
.kanban-card-skeleton__content[data-v-94aac572] {
  margin-bottom: 0.75rem;
}
.kanban-card-skeleton__line[data-v-94aac572] {
  height: 10px;
  border-radius: 4px;
  margin-bottom: 0.375rem;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f3f4f6), color-stop(50%, #e5e7eb), color-stop(75%, #f3f4f6));
  background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
  background-size: 200% 100%;
  -webkit-animation: shimmer-94aac572 1.5s ease-in-out infinite;
          animation: shimmer-94aac572 1.5s ease-in-out infinite;
}
.kanban-card-skeleton__line--full[data-v-94aac572] {
  width: 100%;
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.kanban-card-skeleton__line--medium[data-v-94aac572] {
  width: 65%;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

/* Footer */
.kanban-card-skeleton__footer[data-v-94aac572] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.kanban-card-skeleton__tag[data-v-94aac572] {
  width: 60px;
  height: 20px;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f3f4f6), color-stop(50%, #e5e7eb), color-stop(75%, #f3f4f6));
  background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
  background-size: 200% 100%;
  -webkit-animation: shimmer-94aac572 1.5s ease-in-out infinite;
          animation: shimmer-94aac572 1.5s ease-in-out infinite;
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
.kanban-card-skeleton__tag--small[data-v-94aac572] {
  width: 45px;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.kanban-card-skeleton__date[data-v-94aac572] {
  width: 70px;
  height: 16px;
  border-radius: 4px;
  margin-left: auto;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f3f4f6), color-stop(50%, #e5e7eb), color-stop(75%, #f3f4f6));
  background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
  background-size: 200% 100%;
  -webkit-animation: shimmer-94aac572 1.5s ease-in-out infinite;
          animation: shimmer-94aac572 1.5s ease-in-out infinite;
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
@-webkit-keyframes shimmer-94aac572 {
0% { background-position: 200% 0;
}
100% { background-position: -200% 0;
}
}
@keyframes shimmer-94aac572 {
0% { background-position: 200% 0;
}
100% { background-position: -200% 0;
}
}

/* Responsive */
@media (max-width: 768px) {
.kanban-card-skeleton[data-v-94aac572] {
    padding: 0.75rem;
}
.kanban-card-skeleton__avatar[data-v-94aac572] {
    width: 32px;
    height: 32px;
}
}

.kanban-column-skeleton[data-v-63c45cf4] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 320px;
          flex: 0 0 320px;
  min-width: 320px;
  max-width: 320px;
  background: #f9fafb;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: calc(100vh - 220px);
}

/* Header */
.kanban-column-skeleton__header[data-v-63c45cf4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  padding: 1rem;
  border-bottom: 1px solid #e5e7eb;
}
.kanban-column-skeleton__icon[data-v-63c45cf4] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #e5e7eb), color-stop(50%, #d1d5db), color-stop(75%, #e5e7eb));
  background: linear-gradient(90deg, #e5e7eb 25%, #d1d5db 50%, #e5e7eb 75%);
  background-size: 200% 100%;
  -webkit-animation: shimmer-63c45cf4 1.5s ease-in-out infinite;
          animation: shimmer-63c45cf4 1.5s ease-in-out infinite;
}
.kanban-column-skeleton__title[data-v-63c45cf4] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 16px;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #e5e7eb), color-stop(50%, #d1d5db), color-stop(75%, #e5e7eb));
  background: linear-gradient(90deg, #e5e7eb 25%, #d1d5db 50%, #e5e7eb 75%);
  background-size: 200% 100%;
  -webkit-animation: shimmer-63c45cf4 1.5s ease-in-out infinite;
          animation: shimmer-63c45cf4 1.5s ease-in-out infinite;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.kanban-column-skeleton__count[data-v-63c45cf4] {
  width: 36px;
  height: 24px;
  border-radius: 12px;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #e5e7eb), color-stop(50%, #d1d5db), color-stop(75%, #e5e7eb));
  background: linear-gradient(90deg, #e5e7eb 25%, #d1d5db 50%, #e5e7eb 75%);
  background-size: 200% 100%;
  -webkit-animation: shimmer-63c45cf4 1.5s ease-in-out infinite;
          animation: shimmer-63c45cf4 1.5s ease-in-out infinite;
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}

/* Body */
.kanban-column-skeleton__body[data-v-63c45cf4] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.75rem;
  overflow: hidden;
}
@-webkit-keyframes shimmer-63c45cf4 {
0% { background-position: 200% 0;
}
100% { background-position: -200% 0;
}
}
@keyframes shimmer-63c45cf4 {
0% { background-position: 200% 0;
}
100% { background-position: -200% 0;
}
}

/* Responsive */
@media (max-width: 1200px) {
.kanban-column-skeleton[data-v-63c45cf4] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 280px;
            flex: 0 0 280px;
    min-width: 280px;
    max-width: 280px;
}
}
@media (max-width: 768px) {
.kanban-column-skeleton[data-v-63c45cf4] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100vw - 2rem);
            flex: 0 0 calc(100vw - 2rem);
    min-width: calc(100vw - 2rem);
    max-width: calc(100vw - 2rem);
    max-height: none;
}
}

.kanban-board-skeleton[data-v-d851568b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}

/* Header */
.kanban-board-skeleton__header[data-v-d851568b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem 0;
}
.kanban-board-skeleton__tabs[data-v-d851568b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.kanban-board-skeleton__tab[data-v-d851568b] {
  width: 100px;
  height: 36px;
  border-radius: 8px;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f3f4f6), color-stop(50%, #e5e7eb), color-stop(75%, #f3f4f6));
  background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
  background-size: 200% 100%;
  -webkit-animation: shimmer-d851568b 1.5s ease-in-out infinite;
          animation: shimmer-d851568b 1.5s ease-in-out infinite;
}
.kanban-board-skeleton__tab[data-v-d851568b]:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s;
}
.kanban-board-skeleton__tab[data-v-d851568b]:nth-child(2) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; width: 80px;
}
.kanban-board-skeleton__tab[data-v-d851568b]:nth-child(3) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; width: 90px;
}
.kanban-board-skeleton__filters[data-v-d851568b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.kanban-board-skeleton__filter[data-v-d851568b] {
  width: 130px;
  height: 32px;
  border-radius: 6px;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f3f4f6), color-stop(50%, #e5e7eb), color-stop(75%, #f3f4f6));
  background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
  background-size: 200% 100%;
  -webkit-animation: shimmer-d851568b 1.5s ease-in-out infinite;
          animation: shimmer-d851568b 1.5s ease-in-out infinite;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.kanban-board-skeleton__filter--medium[data-v-d851568b] {
  width: 100px;
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
.kanban-board-skeleton__search[data-v-d851568b] {
  width: 200px;
  height: 32px;
  border-radius: 6px;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f3f4f6), color-stop(50%, #e5e7eb), color-stop(75%, #f3f4f6));
  background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
  background-size: 200% 100%;
  -webkit-animation: shimmer-d851568b 1.5s ease-in-out infinite;
          animation: shimmer-d851568b 1.5s ease-in-out infinite;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.kanban-board-skeleton__button[data-v-d851568b] {
  width: 90px;
  height: 32px;
  border-radius: 6px;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f3f4f6), color-stop(50%, #e5e7eb), color-stop(75%, #f3f4f6));
  background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
  background-size: 200% 100%;
  -webkit-animation: shimmer-d851568b 1.5s ease-in-out infinite;
          animation: shimmer-d851568b 1.5s ease-in-out infinite;
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}

/* Columns Container */
.kanban-board-skeleton__columns[data-v-d851568b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  padding: 0.5rem 0 1rem 0;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: #d1d5db transparent;
}
.kanban-board-skeleton__columns[data-v-d851568b]::-webkit-scrollbar {
  height: 8px;
}
.kanban-board-skeleton__columns[data-v-d851568b]::-webkit-scrollbar-track {
  background: transparent;
}
.kanban-board-skeleton__columns[data-v-d851568b]::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 4px;
}
@-webkit-keyframes shimmer-d851568b {
0% { background-position: 200% 0;
}
100% { background-position: -200% 0;
}
}
@keyframes shimmer-d851568b {
0% { background-position: 200% 0;
}
100% { background-position: -200% 0;
}
}

/* Responsive */
@media (max-width: 768px) {
.kanban-board-skeleton__header[data-v-d851568b] {
    padding: 0.5rem 0;
}
.kanban-board-skeleton__tabs[data-v-d851568b] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.kanban-board-skeleton__filters[data-v-d851568b] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.kanban-board-skeleton__search[data-v-d851568b] {
    width: 100%;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
}
.kanban-board-skeleton__columns[data-v-d851568b] {
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}
}

/* ========================================
   PRACTICAL UI - HEADER DESIGN SYSTEM
   Following Practical UI elevation + NeoNet brand
======================================== */

/* Design tokens */
.compact-header[data-v-69494728] {
  --pui-primary: #5F249F;
  --pui-primary-rgb: 95, 36, 159;
  --pui-secondary: #FFCD01;
  --pui-text-strong: rgba(0, 6, 38, 0.9);
  --pui-text-weak: rgba(0, 9, 51, 0.65);
  --pui-stroke-weak: rgba(0, 17, 102, 0.1);
  --pui-bg-sunken: #F5F6FA;
  --pui-radius-8: 8px;
  --pui-radius-12: 12px;
  --pui-radius-full: 9999px;
}

/* Header container - Raised level */
.compact-header[data-v-69494728] {
  background: #FFFFFF;
  border-radius: var(--pui-radius-12);
  padding: 16px 20px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.04),
              0px 2px 6px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.04),
              0px 2px 6px rgba(0, 0, 0, 0.02);
  border: 1px solid var(--pui-stroke-weak);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Title styling */
.compact-header h3[data-v-69494728] {
  font-size: 16px;
  font-weight: 600;
  color: var(--pui-text-strong);
  letter-spacing: -0.01em;
}

/* Tabs - Practical UI pill style */
.nav-tabs-compact[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  background: var(--pui-bg-sunken);
  padding: 4px;
  border-radius: var(--pui-radius-8);
}
.tab-btn[data-v-69494728] {
  background: transparent;
  border: none;
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
  color: var(--pui-text-weak);
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.tab-btn.disabled[data-v-69494728] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.tab-btn[data-v-69494728]:hover:not(.active):not(.disabled) {
  color: var(--pui-primary);
  background: rgba(95, 36, 159, 0.06);
}
.tab-btn.active[data-v-69494728] {
  background: #5F249F !important;
  color: white !important;
  -webkit-box-shadow: 0 2px 8px rgba(95, 36, 159, 0.25) !important;
          box-shadow: 0 2px 8px rgba(95, 36, 159, 0.25) !important;
  border-color: #5F249F !important;
}
.tab-btn i[data-v-69494728] {
  font-size: 14px;
}

/* Código de flujo para navegación rápida */
.tab-code[data-v-69494728] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 22px;
  height: 18px;
  padding: 0 5px;
  border-radius: 4px;
  background: rgba(95, 36, 159, 0.12);
  border: 1px solid rgba(95, 36, 159, 0.2);
  font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;
  font-size: 10px;
  font-weight: 700;
  color: #5F249F;
  margin-right: 4px;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.tab-btn.active .tab-code[data-v-69494728] {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.3);
  color: white;
}
.tab-btn:hover:not(.active) .tab-code[data-v-69494728] {
  background: rgba(95, 36, 159, 0.2);
  border-color: rgba(95, 36, 159, 0.3);
}

/* Second row - Filters */
.compact-header .form-select-sm[data-v-69494728],
.compact-header .form-control-sm[data-v-69494728] {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  font-weight: 400;
  padding: 8px 12px;
  border-radius: var(--pui-radius-8);
  border: 1px solid var(--pui-stroke-weak);
  background: #FFFFFF;
  color: var(--pui-text-strong);
  -webkit-transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.compact-header .form-select-sm[data-v-69494728]:focus,
.compact-header .form-control-sm[data-v-69494728]:focus {
  border-color: var(--pui-primary);
  -webkit-box-shadow: 0 0 0 3px rgba(95, 36, 159, 0.1);
          box-shadow: 0 0 0 3px rgba(95, 36, 159, 0.1);
  outline: none;
}
.compact-header .form-select-sm[data-v-69494728]:hover:not(:focus),
.compact-header .form-control-sm[data-v-69494728]:hover:not(:focus) {
  border-color: rgba(95, 36, 159, 0.3);
}

/* Button styling */
.compact-header .btn-sm[data-v-69494728] {
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
  border-radius: var(--pui-radius-8);
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.compact-header .btn-outline-secondary[data-v-69494728] {
  border: 1px solid var(--pui-stroke-weak);
  background: #FFFFFF;
  color: var(--pui-text-weak);
}
.compact-header .btn-outline-secondary[data-v-69494728]:hover {
  border-color: var(--pui-primary);
  color: var(--pui-primary);
  background: rgba(95, 36, 159, 0.04);
}
.compact-header .btn-success[data-v-69494728] {
  background: var(--pui-primary);
  border-color: var(--pui-primary);
  color: white;
}
.compact-header .btn-success[data-v-69494728]:hover {
  background: #4A1D7C;
  border-color: #4A1D7C;
}

/* Input icon adjustments */
.compact-header .input-icon[data-v-69494728] {
  position: relative;
}
.compact-header .input-icon-addon[data-v-69494728] {
  color: var(--pui-text-weak);
}

/* Botón reload - sin borde */
.btn-reload[data-v-69494728] {
  background: transparent;
  border: none;
  color: #5F239F;
  padding: 8px;
  cursor: pointer;
  border-radius: 6px;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn-reload[data-v-69494728]:hover {
  background: rgba(95, 35, 159, 0.1);
}
.btn-reload[data-v-69494728]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-reload i[data-v-69494728] {
  font-size: 20px;
}

/* Animación de spin para loading */
.spin-animation[data-v-69494728] {
  -webkit-animation: spin-69494728 1s linear infinite;
          animation: spin-69494728 1s linear infinite;
}
@-webkit-keyframes spin-69494728 {
from { -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
@keyframes spin-69494728 {
from { -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}

/* Responsive */
@media (max-width: 1200px) {
.compact-header .d-flex[data-v-69494728]:first-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    gap: 12px;
}
.nav-tabs-compact[data-v-69494728] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
}
@media (max-width: 768px) {
  /* ============================================
     MOBILE KANBAN - COMPACT LAYOUT
     Basado en prototipos de Dribbble/Behance
     ============================================ */
.compact-header[data-v-69494728] {
    padding: 8px 12px;
    margin-bottom: 0 !important;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.08);
            box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

  /* Ocultar título en móvil */
.compact-header h3[data-v-69494728] {
    display: none !important;
}

  /* Fila 1: Solo tabs scrollables */
.compact-header .d-flex[data-v-69494728]:first-child {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    gap: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 4px;
}
.compact-header .d-flex[data-v-69494728]:first-child::-webkit-scrollbar {
    display: none;
}

  /* Tabs más compactos */
.nav-tabs-compact[data-v-69494728] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
}
.tab-btn[data-v-69494728] {
    padding: 6px 12px;
    font-size: 11px;
    white-space: nowrap;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.tab-btn .tab-code[data-v-69494728] {
    display: none;
}
.tab-btn i[data-v-69494728] {
    display: none;
}

  /* Ocultar refresh en línea de tabs */
.btn-reload[data-v-69494728] {
    display: none;
}

  /* Fila 2: Filtros compactos en scroll horizontal */
.compact-header .d-flex[data-v-69494728]:last-child {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    gap: 6px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 6px 0;
    margin: 0 -12px;
    padding-left: 12px;
    padding-right: 12px;
}
.compact-header .d-flex[data-v-69494728]:last-child::-webkit-scrollbar {
    display: none;
}

  /* Selects más pequeños */
.compact-header .form-select-sm[data-v-69494728] {
    min-width: auto !important;
    width: auto !important;
    padding: 4px 24px 4px 8px !important;
    font-size: 11px !important;
    height: 28px !important;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

  /* Ocultar el buscador y mostrar solo icono */
.compact-header .input-icon[data-v-69494728] {
    width: 28px !important;
    min-width: 28px !important;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.compact-header .input-icon input[data-v-69494728] {
    width: 28px !important;
    padding: 4px 8px !important;
    padding-left: 28px !important;
    font-size: 11px !important;
    height: 28px !important;
}
.compact-header .input-icon input[data-v-69494728]::-webkit-input-placeholder {
    color: transparent;
}
.compact-header .input-icon input[data-v-69494728]::-moz-placeholder {
    color: transparent;
}
.compact-header .input-icon input[data-v-69494728]:-ms-input-placeholder {
    color: transparent;
}
.compact-header .input-icon input[data-v-69494728]::-ms-input-placeholder {
    color: transparent;
}
.compact-header .input-icon input[data-v-69494728]::placeholder {
    color: transparent;
}
.compact-header .input-icon input[data-v-69494728]:focus {
    width: 150px !important;
    padding-right: 8px !important;
}
.compact-header .input-icon input[data-v-69494728]:focus::-webkit-input-placeholder {
    color: #999;
}
.compact-header .input-icon input[data-v-69494728]:focus::-moz-placeholder {
    color: #999;
}
.compact-header .input-icon input[data-v-69494728]:focus:-ms-input-placeholder {
    color: #999;
}
.compact-header .input-icon input[data-v-69494728]:focus::-ms-input-placeholder {
    color: #999;
}
.compact-header .input-icon input[data-v-69494728]:focus::placeholder {
    color: #999;
}

  /* Botón firmados compacto */
.compact-header .btn-sm[data-v-69494728] {
    padding: 4px 8px !important;
    font-size: 11px !important;
    height: 28px !important;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.compact-header .btn-sm svg[data-v-69494728] {
    width: 14px !important;
    height: 14px !important;
}

  /* Ocultar texto "Todos/Firmados", solo icono */
.compact-header .btn-outline-secondary span[data-v-69494728]:not(:first-child),
  .compact-header .btn-success span[data-v-69494728]:not(:first-child) {
    display: none;
}
}

/* Diseño moderno para el Kanban, inspirado en Tabler UI y Trello */

/* Tabs de flujos ANTIGUOS - mantener por compatibilidad */
.card-tabs[data-v-69494728] {
  background-color: var(--tblr-bg-surface);
  border: 1px solid var(--tblr-border-color);
  border-radius: 0.5rem;
  overflow: hidden;
}
.card-tabs .nav-tabs[data-v-69494728] {
  background-color: var(--tblr-bg-surface);
  border-bottom: 1px solid var(--tblr-border-color);
  padding: 0 1rem;
}
.card-tabs .nav-tabs .nav-link[data-v-69494728] {
  border: none;
  padding: 1rem;
  font-weight: 500;
  color: var(--tblr-secondary);
  position: relative;
}
.card-tabs .nav-tabs .nav-link[data-v-69494728]::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: var(--tblr-primary);
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.card-tabs .nav-tabs .nav-link.active[data-v-69494728] {
  color: var(--tblr-primary);
  background-color: transparent;
  border: none;
}
.card-tabs .nav-tabs .nav-link.active[data-v-69494728]::after {
  opacity: 1;
}
.card-tabs .nav-tabs .nav-link[data-v-69494728]:hover:not(.active) {
  color: var(--tblr-primary);
  background-color: rgba(var(--tblr-primary-rgb), 0.04);
}

/* Loader */
.spinner-border[data-v-69494728] {
  width: 3rem;
  height: 3rem;
}

/* Empty State */
.empty[data-v-69494728] {
  padding: 2rem;
  text-align: center;
}
.empty-img[data-v-69494728] {
  margin-bottom: 1.5rem;
}
.empty-title[data-v-69494728] {
  font-weight: 600;
  font-size: 1.25rem;
  color: var(--tblr-secondary);
  margin-bottom: 0.75rem;
}
.empty-subtitle[data-v-69494728] {
  font-size: 1rem;
  max-width: 600px;
  margin: 0 auto 1.5rem;
}
.empty-action[data-v-69494728] {
  margin-top: 1.5rem;
}

/* Alerts */
.alert[data-v-69494728] {
  border: none;
  border-radius: 0.5rem;
}
.alert-danger[data-v-69494728] {
  background-color: rgba(var(--tblr-danger-rgb), 0.1);
  color: var(--tblr-danger);
}

/* Filtros */
.form-select[data-v-69494728], .form-control[data-v-69494728] {
  background-color: var(--tblr-bg-forms);
  border-color: var(--tblr-border-color);
}
.input-icon[data-v-69494728] {
  position: relative;
}
.input-icon .input-icon-addon[data-v-69494728] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3rem;
  color: var(--tblr-secondary);
  pointer-events: none;
  z-index: 2;
}
.input-icon .form-control[data-v-69494728] {
  padding-left: 3rem;
}

/* Responsive */
@media (max-width: 768px) {
.container-xl[data-v-69494728] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.page-header .col-auto[data-v-69494728] {
    width: 100%;
    margin-top: 1rem;
}
.d-flex[data-v-69494728] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.d-flex > div[data-v-69494728], .d-flex > button[data-v-69494728] {
    margin-bottom: 0.5rem;
}
.card-tabs .nav-tabs .nav-link[data-v-69494728] {
    padding: 0.75rem 0.5rem;
    font-size: 0.9rem;
}
}

/* ============================================
   GLOBAL KEYBOARD HINTS
   Glassmorphism design - shortcuts globales
   ============================================ */
.global-keyboard-hints[data-v-69494728] {
  position: fixed;
  top: 80px;
  right: 20px;
  z-index: 900;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.hint-group-global[data-v-69494728] {
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 10px;
  padding: 8px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.hint-label-global[data-v-69494728] {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.6);
}
.hint-items-global[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.hint-item-global[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
}
.hint-item-global span[data-v-69494728] {
  color: rgba(255, 255, 255, 0.75);
}

/* kbd styling para hints globales */
.global-keyboard-hints kbd[data-v-69494728] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 4px;
  font-size: 9px;
  font-weight: 600;
  color: white;
  font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Animación de aparición */
.hints-fade-enter-active[data-v-69494728],
.hints-fade-leave-active[data-v-69494728] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hints-fade-enter-from[data-v-69494728],
.hints-fade-leave-to[data-v-69494728] {
  opacity: 0;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

/* Responsive - ocultar en móvil y tablet */
@media (max-width: 992px) {
.global-keyboard-hints[data-v-69494728] {
    display: none;
}
}

/* ============================================
   MOBILE KANBAN LAYOUT - New Structure
   Row 1: Flow selector with arrows
   Row 2: Search + inline buttons
   Row 3: Column selector with arrows
   Row 4: Cards container
   Row 5: Footer with pagination
   ============================================ */
.mobile-kanban-layout[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  background: #f5f6fa;
}

/* Row 1: Flow selector with arrows */
.mobile-flow-selector[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: #fff;
  border-bottom: 1px solid rgba(0, 17, 102, 0.06);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.flow-nav-btn[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 10px;
  background: #f5f6fa;
  color: rgba(0, 9, 51, 0.7);
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.flow-nav-btn[data-v-69494728]:active:not(:disabled) {
  background: rgba(95, 36, 159, 0.15);
  color: #5F249F;
}
.flow-nav-btn[data-v-69494728]:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.flow-nav-btn i[data-v-69494728] {
  font-size: 18px;
}
.flow-current[data-v-69494728] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  background: #5F249F;
  border-radius: 12px;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.flow-current[data-v-69494728]:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}
.flow-current .flow-name[data-v-69494728] {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flow-current i[data-v-69494728] {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}

/* Row 2: Search + inline buttons */
.mobile-search-row[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  padding: 10px 12px;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mobile-search-input[data-v-69494728] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  background: #f5f6fa;
  border-radius: 10px;
  padding: 0 12px;
  height: 40px;
}
.mobile-search-input > i[data-v-69494728] {
  color: rgba(0, 9, 51, 0.4);
  font-size: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mobile-search-input input[data-v-69494728] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: none;
  background: transparent;
  font-size: 14px;
  color: rgba(0, 6, 38, 0.9);
  outline: none;
  min-width: 0;
}
.mobile-search-input input[data-v-69494728]::-webkit-input-placeholder {
  color: rgba(0, 9, 51, 0.4);
}
.mobile-search-input input[data-v-69494728]::-moz-placeholder {
  color: rgba(0, 9, 51, 0.4);
}
.mobile-search-input input[data-v-69494728]:-ms-input-placeholder {
  color: rgba(0, 9, 51, 0.4);
}
.mobile-search-input input[data-v-69494728]::-ms-input-placeholder {
  color: rgba(0, 9, 51, 0.4);
}
.mobile-search-input input[data-v-69494728]::placeholder {
  color: rgba(0, 9, 51, 0.4);
}
.mobile-search-input .clear-search[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 22px;
  height: 22px;
  border: none;
  border-radius: 50%;
  background: rgba(0, 9, 51, 0.12);
  color: rgba(0, 9, 51, 0.6);
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mobile-inline-btn[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 10px;
  background: #f5f6fa;
  color: rgba(0, 9, 51, 0.6);
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mobile-inline-btn[data-v-69494728]:active {
  background: rgba(95, 36, 159, 0.15);
}
.mobile-inline-btn.has-filters[data-v-69494728] {
  background: rgba(95, 36, 159, 0.12);
  color: #5F249F;
}
.mobile-inline-btn i[data-v-69494728] {
  font-size: 18px;
}
.mobile-inline-btn[data-v-69494728]:disabled {
  opacity: 0.5;
}
.mobile-inline-btn .filter-badge[data-v-69494728] {
  position: absolute;
  top: -2px;
  right: -2px;
  background: #ef4444;
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  min-width: 16px;
  height: 16px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 4px;
}

/* Row 3: Column selector with arrows */
.mobile-column-selector[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: #fff;
  border-bottom: 1px solid rgba(0, 17, 102, 0.08);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.column-nav-btn[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 10px;
  background: #f5f6fa;
  color: rgba(0, 9, 51, 0.7);
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.column-nav-btn[data-v-69494728]:active:not(:disabled) {
  background: rgba(95, 36, 159, 0.15);
  color: #5F249F;
}
.column-nav-btn[data-v-69494728]:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.column-nav-btn i[data-v-69494728] {
  font-size: 18px;
}
.column-current[data-v-69494728] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 10px 16px;
  background: #f5f6fa;
  border-radius: 12px;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.column-current[data-v-69494728]:active {
  background: #eef0f4;
}
.column-current .column-indicator[data-v-69494728] {
  width: 12px;
  height: 12px;
  border-radius: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.column-current .column-name[data-v-69494728] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  font-weight: 600;
  color: rgba(0, 6, 38, 0.85);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.column-current .column-count[data-v-69494728] {
  font-size: 13px;
  font-weight: 700;
  color: #5F249F;
  background: rgba(95, 36, 159, 0.1);
  padding: 3px 10px;
  border-radius: 10px;
}
.column-current .column-position[data-v-69494728] {
  font-size: 11px;
  font-weight: 500;
  color: rgba(0, 9, 51, 0.45);
}

/* Row 4: Cards container */
.mobile-cards-container[data-v-69494728] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 12px;
  padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)); /* Space for fixed footer */
  background: #f5f6fa;
}
.mobile-loading[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.loading-skeleton[data-v-69494728] {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
}
.skeleton-line[data-v-69494728] {
  height: 14px;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f0f1f5), color-stop(50%, #e8e9ed), color-stop(75%, #f0f1f5));
  background: linear-gradient(90deg, #f0f1f5 25%, #e8e9ed 50%, #f0f1f5 75%);
  background-size: 200% 100%;
  -webkit-animation: shimmer-69494728 1.5s infinite;
          animation: shimmer-69494728 1.5s infinite;
  border-radius: 4px;
  margin-bottom: 8px;
}
.skeleton-line.short[data-v-69494728] {
  width: 60%;
}
@-webkit-keyframes shimmer-69494728 {
0% { background-position: 200% 0;
}
100% { background-position: -200% 0;
}
}
@keyframes shimmer-69494728 {
0% { background-position: 200% 0;
}
100% { background-position: -200% 0;
}
}

/* Mobile cards list */
.mobile-cards-list[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.mobile-card[data-v-69494728] {
  background: #fff;
  border-radius: 14px;
  padding: 14px 16px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 17, 102, 0.06);
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.mobile-card[data-v-69494728]:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  background: #fafbfc;
}

/* Mobile Card Loading State */
.mobile-card.is-loading[data-v-69494728] {
  position: relative;
  pointer-events: none;
}
.mobile-card.is-loading[data-v-69494728] > *:not(.mobile-card-loading) {
  -webkit-filter: blur(2px);
          filter: blur(2px);
  opacity: 0.5;
}
.mobile-card-loading[data-v-69494728] {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 14px;
  z-index: 10;
}
.mobile-card-loading i[data-v-69494728] {
  font-size: 28px;
  color: #5F249F;
}

/* Card Top Row: Code + Badges */
.mobile-card .card-top-row[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mobile-card .card-code[data-v-69494728] {
  font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;
  font-size: 11px;
  font-weight: 600;
  color: #5F249F;
  background: rgba(95, 36, 159, 0.08);
  padding: 3px 10px;
  border-radius: 6px;
}
.mobile-card .card-badges[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.mobile-card .badge-signed[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  background: rgba(16, 185, 129, 0.12);
  color: #10b981;
  border-radius: 6px;
  font-size: 14px;
}
.mobile-card .badge-docs[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  background: rgba(245, 158, 11, 0.12);
  color: #f59e0b;
  border-radius: 6px;
  font-size: 14px;
}

/* Card Client Name */
.mobile-card .card-client-name[data-v-69494728] {
  font-size: 15px;
  font-weight: 600;
  color: rgba(0, 6, 38, 0.9);
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Card Info Row: NIT + Segmento */
.mobile-card .card-info-row[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
.mobile-card .info-item[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-size: 12px;
  color: rgba(0, 9, 51, 0.6);
}
.mobile-card .info-item i[data-v-69494728] {
  font-size: 13px;
  opacity: 0.7;
}

/* Card Stats Row: Docs, Tareas, Canal */
.mobile-card .card-stats-row[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.mobile-card .stat-item[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 500;
  color: rgba(0, 9, 51, 0.55);
  background: rgba(0, 17, 102, 0.05);
  padding: 4px 8px;
  border-radius: 6px;
}
.mobile-card .stat-item i[data-v-69494728] {
  font-size: 12px;
  opacity: 0.8;
}
.mobile-card .stat-item.canal[data-v-69494728] {
  background: rgba(95, 36, 159, 0.08);
  color: #5F249F;
}

/* Card Date */
.mobile-card .card-date[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-size: 11px;
  color: rgba(0, 9, 51, 0.45);
  padding-top: 2px;
  border-top: 1px solid rgba(0, 17, 102, 0.05);
}
.mobile-card .card-date i[data-v-69494728] {
  font-size: 12px;
  opacity: 0.7;
}

/* Empty state */
.mobile-empty-state[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 60px 20px;
  text-align: center;
  color: rgba(0, 9, 51, 0.4);
}
.mobile-empty-state i[data-v-69494728] {
  font-size: 56px;
  margin-bottom: 16px;
  opacity: 0.4;
}
.mobile-empty-state p[data-v-69494728] {
  font-size: 14px;
  margin: 0;
}

/* Row 5: Mobile Footer with Pagination - FIXED at bottom */
.mobile-footer[data-v-69494728] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
  padding: 12px 16px;
  padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid rgba(0, 17, 102, 0.08);
  -webkit-box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
}
.mobile-footer .footer-info[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.mobile-footer .footer-column-name[data-v-69494728] {
  font-size: 13px;
  font-weight: 600;
  color: rgba(0, 6, 38, 0.85);
}
.mobile-footer .footer-count[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 11px;
  color: rgba(0, 9, 51, 0.5);
}
.mobile-footer .footer-count i[data-v-69494728] {
  font-size: 12px;
}
.mobile-footer .footer-pagination[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.mobile-footer .pagination-btn[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 12px;
  background: #5F249F;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.mobile-footer .pagination-btn[data-v-69494728]:active:not(:disabled) {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  background: #4a1d7c;
}
.mobile-footer .pagination-btn[data-v-69494728]:disabled {
  background: #f0f1f5;
  color: rgba(0, 9, 51, 0.35);
  cursor: not-allowed;
}
.mobile-footer .pagination-btn.is-loading[data-v-69494728] {
  opacity: 0.6;
}
.mobile-footer .pagination-btn i[data-v-69494728] {
  font-size: 18px;
}
.mobile-footer .pagination-info[data-v-69494728] {
  font-size: 14px;
  font-weight: 700;
  color: #5F249F;
  min-width: 60px;
  text-align: center;
  padding: 6px 12px;
  background: rgba(95, 36, 159, 0.08);
  border-radius: 8px;
}
.mobile-footer .pagination-info.is-loading[data-v-69494728] {
  opacity: 0.6;
}

/* Spin animation for refresh button */
@keyframes spin-69494728 {
from { -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
to { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
.spin-animation[data-v-69494728] {
  -webkit-animation: spin-69494728 1s linear infinite;
          animation: spin-69494728 1s linear infinite;
}

/* Mobile Filter Modal */
.mobile-filter-modal[data-v-69494728] {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.filter-modal-backdrop[data-v-69494728] {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
}
.filter-modal-content[data-v-69494728] {
  position: relative;
  background: #fff;
  border-radius: 20px 20px 0 0;
  max-height: 85vh;
  overflow-y: auto;
  -webkit-box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.15);
          box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.15);
}
.filter-modal-header[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(0, 17, 102, 0.08);
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 10;
}
.filter-modal-header h4[data-v-69494728] {
  font-size: 16px;
  font-weight: 600;
  color: rgba(0, 6, 38, 0.9);
  margin: 0;
}
.filter-close-btn[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  background: #f0f1f5;
  color: rgba(0, 9, 51, 0.65);
  cursor: pointer;
}
.filter-modal-body[data-v-69494728] {
  padding: 16px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.filter-group[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.filter-group label[data-v-69494728] {
  font-size: 12px;
  font-weight: 600;
  color: rgba(0, 9, 51, 0.7);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.filter-group select[data-v-69494728],
.filter-group input[data-v-69494728] {
  padding: 12px;
  border: 1px solid rgba(0, 17, 102, 0.12);
  border-radius: 10px;
  font-size: 14px;
  color: rgba(0, 6, 38, 0.9);
  background: #fff;
  -webkit-transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.filter-group select[data-v-69494728]:focus,
.filter-group input[data-v-69494728]:focus {
  outline: none;
  border-color: #5F249F;
  -webkit-box-shadow: 0 0 0 3px rgba(95, 36, 159, 0.1);
          box-shadow: 0 0 0 3px rgba(95, 36, 159, 0.1);
}
.filter-search[data-v-69494728] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.filter-search i[data-v-69494728] {
  position: absolute;
  left: 12px;
  color: rgba(0, 9, 51, 0.45);
  font-size: 16px;
}
.filter-search input[data-v-69494728] {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
}
.filter-search .clear-btn[data-v-69494728] {
  position: absolute;
  right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 50%;
  background: #f0f1f5;
  color: rgba(0, 9, 51, 0.65);
  cursor: pointer;
}
.filter-modal-footer[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 16px 20px;
  border-top: 1px solid rgba(0, 17, 102, 0.08);
  background: #fff;
  position: sticky;
  bottom: 0;
}
.filter-modal-footer button[data-v-69494728] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 14px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.filter-clear-btn[data-v-69494728] {
  background: #f0f1f5;
  border: none;
  color: rgba(0, 9, 51, 0.7);
}
.filter-clear-btn[data-v-69494728]:hover {
  background: #e5e6ea;
}
.filter-apply-btn[data-v-69494728] {
  background: #5F249F;
  border: none;
  color: #fff;
}
.filter-apply-btn[data-v-69494728]:hover {
  background: #4a1d7c;
}

/* Toggle buttons for filter */
.filter-toggle-group[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.filter-toggle[data-v-69494728] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
  padding: 10px 14px;
  border: 1px solid rgba(0, 17, 102, 0.12);
  border-radius: 8px;
  background: #fff;
  color: rgba(0, 9, 51, 0.7);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.filter-toggle[data-v-69494728]:hover {
  border-color: #5F249F;
  color: #5F249F;
}
.filter-toggle.active[data-v-69494728] {
  background: #5F249F;
  border-color: #5F249F;
  color: #fff;
}
.filter-toggle i[data-v-69494728] {
  font-size: 14px;
}

/* Slide-up transition for modal */
.slide-up-enter-active[data-v-69494728],
.slide-up-leave-active[data-v-69494728] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slide-up-enter-active .filter-modal-content[data-v-69494728],
.slide-up-leave-active .filter-modal-content[data-v-69494728] {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.slide-up-enter-from[data-v-69494728],
.slide-up-leave-to[data-v-69494728] {
  opacity: 0;
}
.slide-up-enter-from .filter-modal-content[data-v-69494728],
.slide-up-leave-to .filter-modal-content[data-v-69494728] {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

/* Slide-up transition for picker modals */
.slide-up-enter-active .picker-content[data-v-69494728],
.slide-up-leave-active .picker-content[data-v-69494728] {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.slide-up-enter-from .picker-content[data-v-69494728],
.slide-up-leave-to .picker-content[data-v-69494728] {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

/* Mobile Picker Modal (Flow & Column) */
.mobile-picker-modal[data-v-69494728] {
  position: fixed;
  inset: 0;
  z-index: 10001;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.picker-backdrop[data-v-69494728] {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
}
.picker-content[data-v-69494728] {
  position: relative;
  background: #fff;
  border-radius: 20px 20px 0 0;
  max-height: 70vh;
  overflow: hidden;
  -webkit-box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.15);
          box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.picker-header[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(0, 17, 102, 0.08);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.picker-header h4[data-v-69494728] {
  font-size: 16px;
  font-weight: 600;
  color: rgba(0, 6, 38, 0.9);
  margin: 0;
}
.picker-close[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  background: #f0f1f5;
  color: rgba(0, 9, 51, 0.65);
  cursor: pointer;
}
.picker-list[data-v-69494728] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 8px 0;
}
.picker-item[data-v-69494728] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: 100%;
  padding: 14px 20px;
  border: none;
  background: transparent;
  text-align: left;
  cursor: pointer;
  -webkit-transition: background 0.15s ease;
  transition: background 0.15s ease;
}
.picker-item[data-v-69494728]:active {
  background: rgba(0, 17, 102, 0.04);
}
.picker-item.active[data-v-69494728] {
  background: rgba(95, 36, 159, 0.08);
}
.picker-item-indicator[data-v-69494728] {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.picker-item-name[data-v-69494728] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 15px;
  font-weight: 500;
  color: rgba(0, 6, 38, 0.85);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.picker-item.active .picker-item-name[data-v-69494728] {
  color: #5F249F;
  font-weight: 600;
}
.picker-item-count[data-v-69494728] {
  font-size: 13px;
  font-weight: 600;
  color: rgba(0, 9, 51, 0.5);
  background: rgba(0, 17, 102, 0.06);
  padding: 3px 10px;
  border-radius: 10px;
}
.picker-item.active .picker-item-count[data-v-69494728] {
  background: rgba(95, 36, 159, 0.12);
  color: #5F249F;
}
.picker-item i.ti-check[data-v-69494728] {
  font-size: 18px;
  color: #5F249F;
}

/* Desktop layout visibility */
@media (min-width: 769px) {
.mobile-kanban-layout[data-v-69494728] {
    display: none !important;
}
}


/* Global: Hide app footer when mobile kanban is visible */
@media (max-width: 768px) {
body:has(.mobile-kanban-layout) footer.footer,
  body:has(.mobile-kanban-layout) .footer.footer-transparent,
  body:has(.mobile-kanban-layout) footer:not(.mobile-footer) {
    display: none !important;
}
}

.btn-action[data-v-7082df6d] {
  width: 2rem;
  height: 2rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  color: #626976;
  text-decoration: none;
}
.btn-action[data-v-7082df6d]:hover {
  background-color: rgba(32, 107, 196, 0.06);
  color: #206bc4;
}
.icon[data-v-7082df6d] {
  width: 1.25rem;
  height: 1.25rem;
  stroke-width: 2;
  stroke: currentColor;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.neo-table-footer[data-v-2894bb00] {
  /* El slot de footer ya tiene los estilos de neo-pagination */
}

.neo-table-header[data-v-1e14666a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 1.5rem;
  background: var(--neo-gray-50);
  border-bottom: 1px solid var(--neo-gray-200);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.neo-table-header-left[data-v-1e14666a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.neo-table-header-right[data-v-1e14666a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
}
.neo-table-header-per-page[data-v-1e14666a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
}
.neo-table-header-per-page select[data-v-1e14666a] {
  width: auto;
  min-width: 70px;
}
.neo-search[data-v-1e14666a] {
  position: relative;
}
.neo-search-input[data-v-1e14666a] {
  padding-left: 2.25rem;
  min-width: 200px;
}
.neo-search-icon[data-v-1e14666a] {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--neo-gray-400);
  pointer-events: none;
  font-size: 0.875rem;
}

/* Botón crear - Estilo flat/pastel */
.neo-header-btn[data-v-1e14666a] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--neo-primary);
  background: rgba(95, 36, 159, 0.08);
  border: 1px solid rgba(95, 36, 159, 0.15);
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.neo-header-btn[data-v-1e14666a]:hover:not(:disabled) {
  background: rgba(95, 36, 159, 0.12);
  border-color: rgba(95, 36, 159, 0.25);
}
.neo-header-btn[data-v-1e14666a]:active:not(:disabled) {
  background: rgba(95, 36, 159, 0.18);
}
.neo-header-btn[data-v-1e14666a]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.neo-header-btn i[data-v-1e14666a] {
  font-size: 1rem;
}
@media (max-width: 768px) {
.neo-table-header[data-v-1e14666a] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
}
.neo-table-header-left[data-v-1e14666a],
  .neo-table-header-right[data-v-1e14666a] {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.neo-search-input[data-v-1e14666a] {
    min-width: 150px;
}
.neo-header-btn[data-v-1e14666a] {
    padding: 0.5rem;
}
.neo-header-btn span[data-v-1e14666a] {
    display: none;
}
}

.neo-pagination--compact[data-v-b5e7ba6e] {
  padding: 0.5rem 1rem;
}
.neo-pagination--compact .neo-pagination-info[data-v-b5e7ba6e] {
  font-size: 0.75rem;
}
.neo-pagination--compact .neo-page-btn[data-v-b5e7ba6e] {
  min-width: 1.75rem;
  height: 1.75rem;
  font-size: 0.8125rem;
}

.neo-action-btn-spinner[data-v-1310c169] {
  -webkit-animation: spin-1310c169 1s linear infinite;
          animation: spin-1310c169 1s linear infinite;
}
@-webkit-keyframes spin-1310c169 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes spin-1310c169 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}

.neo-modal-overlay[data-v-81ecb80a] {
  position: fixed;
  inset: 0;
  z-index: 1050;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem;
  background: rgba(24, 24, 27, 0.6);
  backdrop-filter: blur(4px);
  -webkit-animation: neo-fade-in-81ecb80a 0.15s ease-out;
          animation: neo-fade-in-81ecb80a 0.15s ease-out;
}
@-webkit-keyframes neo-fade-in-81ecb80a {
from { opacity: 0;
}
to { opacity: 1;
}
}
@keyframes neo-fade-in-81ecb80a {
from { opacity: 0;
}
to { opacity: 1;
}
}
@-webkit-keyframes neo-slide-in-81ecb80a {
from {
    opacity: 0;
    -webkit-transform: translateY(-10px) scale(0.98);
            transform: translateY(-10px) scale(0.98);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
}
}
@keyframes neo-slide-in-81ecb80a {
from {
    opacity: 0;
    -webkit-transform: translateY(-10px) scale(0.98);
            transform: translateY(-10px) scale(0.98);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
}
}
.neo-modal[data-v-81ecb80a] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: calc(100vh - 2rem);
  background: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
  -webkit-animation: neo-slide-in-81ecb80a 0.2s ease-out;
          animation: neo-slide-in-81ecb80a 0.2s ease-out;
}

/* Sizes */
.neo-modal--sm[data-v-81ecb80a] { width: 100%; max-width: 400px;
}
.neo-modal--md[data-v-81ecb80a] { width: 100%; max-width: 560px;
}
.neo-modal--lg[data-v-81ecb80a] { width: 100%; max-width: 800px;
}
.neo-modal--xl[data-v-81ecb80a] { width: 100%; max-width: 1140px;
}
.neo-modal-header[data-v-81ecb80a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--neo-gray-200, #e5e7eb);
}
.neo-modal-title[data-v-81ecb80a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--neo-gray-800, #1f2937);
}
.neo-modal-icon[data-v-81ecb80a] {
  font-size: 1.125rem;
  color: var(--neo-primary, #5F249F);
}
.neo-modal-close[data-v-81ecb80a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 1.125rem;
  color: var(--neo-gray-500, #6b7280);
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.neo-modal-close[data-v-81ecb80a]:hover:not(:disabled) {
  color: var(--neo-gray-700, #374151);
  background: var(--neo-gray-100, #f3f4f6);
}
.neo-modal-close[data-v-81ecb80a]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.neo-modal-body[data-v-81ecb80a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 1.25rem;
}
.neo-modal-footer[data-v-81ecb80a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  border-top: 1px solid var(--neo-gray-200, #e5e7eb);
  background: var(--neo-gray-50, #f9fafb);
  border-radius: 0 0 12px 12px;
}

/* Scrollbar styling for modal body */
.neo-modal-body[data-v-81ecb80a]::-webkit-scrollbar {
  width: 6px;
}
.neo-modal-body[data-v-81ecb80a]::-webkit-scrollbar-track {
  background: transparent;
}
.neo-modal-body[data-v-81ecb80a]::-webkit-scrollbar-thumb {
  background: var(--neo-gray-300, #d1d5db);
  border-radius: 3px;
}
.neo-modal-body[data-v-81ecb80a]::-webkit-scrollbar-thumb:hover {
  background: var(--neo-gray-400, #9ca3af);
}

/*!
* Tabler v1.0.0 (https://tabler.io)
* @version 1.0.0
* @link https://tabler.io
* Copyright 2018-2025 The Tabler Authors
* Copyright 2018-2025 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
:root,[data-bs-theme=light]{--tblr-blue:#066fd1;--tblr-indigo:#4263eb;--tblr-purple:#ae3ec9;--tblr-pink:#d6336c;--tblr-red:#d63939;--tblr-orange:#f76707;--tblr-yellow:#f59f00;--tblr-green:#2fb344;--tblr-teal:#0ca678;--tblr-cyan:#17a2b8;--tblr-black:#000000;--tblr-white:#ffffff;--tblr-gray:#49566c;--tblr-gray-dark:#182433;--tblr-gray-100:#eef3f6;--tblr-gray-200:#dce1e7;--tblr-gray-300:#b8c4d4;--tblr-gray-400:#8a97ab;--tblr-gray-500:#6c7a91;--tblr-gray-600:#49566c;--tblr-gray-700:#3a4859;--tblr-gray-800:#182433;--tblr-gray-900:#040a11;--tblr-primary:#066fd1;--tblr-secondary:#6c7a91;--tblr-success:#2fb344;--tblr-info:#4299e1;--tblr-warning:#f76707;--tblr-danger:#d63939;--tblr-light:#f6f8fb;--tblr-dark:#182433;--tblr-muted:#6c7a91;--tblr-blue:#066fd1;--tblr-azure:#4299e1;--tblr-indigo:#4263eb;--tblr-purple:#ae3ec9;--tblr-pink:#d6336c;--tblr-red:#d63939;--tblr-orange:#f76707;--tblr-yellow:#f59f00;--tblr-lime:#74b816;--tblr-green:#2fb344;--tblr-teal:#0ca678;--tblr-cyan:#17a2b8;--tblr-x:#000000;--tblr-facebook:#1877f2;--tblr-twitter:#1da1f2;--tblr-linkedin:#0a66c2;--tblr-google:#dc4e41;--tblr-youtube:#ff0000;--tblr-vimeo:#1ab7ea;--tblr-dribbble:#ea4c89;--tblr-github:#181717;--tblr-instagram:#e4405f;--tblr-pinterest:#bd081c;--tblr-vk:#6383a8;--tblr-rss:#ffa500;--tblr-flickr:#0063dc;--tblr-bitbucket:#0052cc;--tblr-tabler:#066fd1;--tblr-primary-rgb:6,111,209;--tblr-secondary-rgb:108,122,145;--tblr-success-rgb:47,179,68;--tblr-info-rgb:66,153,225;--tblr-warning-rgb:247,103,7;--tblr-danger-rgb:214,57,57;--tblr-light-rgb:246,248,251;--tblr-dark-rgb:24,36,51;--tblr-muted-rgb:108,122,145;--tblr-blue-rgb:6,111,209;--tblr-azure-rgb:66,153,225;--tblr-indigo-rgb:66,99,235;--tblr-purple-rgb:174,62,201;--tblr-pink-rgb:214,51,108;--tblr-red-rgb:214,57,57;--tblr-orange-rgb:247,103,7;--tblr-yellow-rgb:245,159,0;--tblr-lime-rgb:116,184,22;--tblr-green-rgb:47,179,68;--tblr-teal-rgb:12,166,120;--tblr-cyan-rgb:23,162,184;--tblr-x-rgb:0,0,0;--tblr-facebook-rgb:24,119,242;--tblr-twitter-rgb:29,161,242;--tblr-linkedin-rgb:10,102,194;--tblr-google-rgb:220,78,65;--tblr-youtube-rgb:255,0,0;--tblr-vimeo-rgb:26,183,234;--tblr-dribbble-rgb:234,76,137;--tblr-github-rgb:24,23,23;--tblr-instagram-rgb:228,64,95;--tblr-pinterest-rgb:189,8,28;--tblr-vk-rgb:99,131,168;--tblr-rss-rgb:255,165,0;--tblr-flickr-rgb:0,99,220;--tblr-bitbucket-rgb:0,82,204;--tblr-tabler-rgb:6,111,209;--tblr-primary-text-emphasis:#022c54;--tblr-secondary-text-emphasis:#2b313a;--tblr-success-text-emphasis:#13481b;--tblr-info-text-emphasis:#1a3d5a;--tblr-warning-text-emphasis:#632903;--tblr-danger-text-emphasis:#561717;--tblr-light-text-emphasis:#3a4859;--tblr-dark-text-emphasis:#3a4859;--tblr-primary-bg-subtle:#cde2f6;--tblr-secondary-bg-subtle:#e2e4e9;--tblr-success-bg-subtle:#d5f0da;--tblr-info-bg-subtle:#d9ebf9;--tblr-warning-bg-subtle:#fde1cd;--tblr-danger-bg-subtle:#f7d7d7;--tblr-light-bg-subtle:#f7f9fb;--tblr-dark-bg-subtle:#8a97ab;--tblr-primary-border-subtle:#9bc5ed;--tblr-secondary-border-subtle:#c4cad3;--tblr-success-border-subtle:#ace1b4;--tblr-info-border-subtle:#b3d6f3;--tblr-warning-border-subtle:#fcc29c;--tblr-danger-border-subtle:#efb0b0;--tblr-light-border-subtle:#dce1e7;--tblr-dark-border-subtle:#6c7a91;--tblr-white-rgb:255,255,255;--tblr-black-rgb:0,0,0;--tblr-font-sans-serif:"Inter Var",Inter,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;--tblr-font-monospace:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--tblr-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--tblr-body-font-family:var(--tblr-font-sans-serif);--tblr-body-font-size:0.875rem;--tblr-body-font-weight:400;--tblr-body-line-height:1.4285714286;--tblr-body-color:#182433;--tblr-body-color-rgb:24,36,51;--tblr-body-bg:#f6f8fb;--tblr-body-bg-rgb:246,248,251;--tblr-emphasis-color:#3a4859;--tblr-emphasis-color-rgb:58,72,89;--tblr-secondary-color:rgba(24, 36, 51, 0.75);--tblr-secondary-color-rgb:24,36,51;--tblr-secondary-bg:#dce1e7;--tblr-secondary-bg-rgb:220,225,231;--tblr-tertiary-color:rgba(24, 36, 51, 0.5);--tblr-tertiary-color-rgb:24,36,51;--tblr-tertiary-bg:#eef3f6;--tblr-tertiary-bg-rgb:238,243,246;--tblr-heading-color:inherit;--tblr-link-color:#066fd1;--tblr-link-color-rgb:6,111,209;--tblr-link-decoration:none;--tblr-link-hover-color:#0559a7;--tblr-link-hover-color-rgb:5,89,167;--tblr-link-hover-decoration:underline;--tblr-code-color:var(--tblr-gray-600);--tblr-highlight-color:#182433;--tblr-highlight-bg:#fdeccc;--tblr-border-width:1px;--tblr-border-style:solid;--tblr-border-color:#dce1e7;--tblr-border-color-translucent:rgba(4, 32, 69, 0.1);--tblr-border-radius:4px;--tblr-border-radius-sm:2px;--tblr-border-radius-lg:8px;--tblr-border-radius-xl:1rem;--tblr-border-radius-xxl:2rem;--tblr-border-radius-2xl:var(--tblr-border-radius-xxl);--tblr-border-radius-pill:100rem;--tblr-box-shadow:rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;--tblr-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--tblr-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--tblr-box-shadow-inset:0 0 transparent;--tblr-focus-ring-width:0.25rem;--tblr-focus-ring-opacity:0.25;--tblr-focus-ring-color:rgba(var(--tblr-primary-rgb), 0.25);--tblr-form-valid-color:#2fb344;--tblr-form-valid-border-color:#2fb344;--tblr-form-invalid-color:#d63939;--tblr-form-invalid-border-color:#d63939}[data-bs-theme=dark],body[data-bs-theme=dark] [data-bs-theme=light]{color-scheme:dark;--tblr-body-color:#dce1e7;--tblr-body-color-rgb:220,225,231;--tblr-body-bg:#040a11;--tblr-body-bg-rgb:4,10,17;--tblr-emphasis-color:#ffffff;--tblr-emphasis-color-rgb:255,255,255;--tblr-secondary-color:rgba(220, 225, 231, 0.75);--tblr-secondary-color-rgb:220,225,231;--tblr-secondary-bg:#182433;--tblr-secondary-bg-rgb:24,36,51;--tblr-tertiary-color:rgba(220, 225, 231, 0.5);--tblr-tertiary-color-rgb:220,225,231;--tblr-tertiary-bg:#0e1722;--tblr-tertiary-bg-rgb:14,23,34;--tblr-primary-text-emphasis:#6aa9e3;--tblr-secondary-text-emphasis:#a7afbd;--tblr-success-text-emphasis:#82d18f;--tblr-info-text-emphasis:#8ec2ed;--tblr-warning-text-emphasis:#faa46a;--tblr-danger-text-emphasis:#e68888;--tblr-light-text-emphasis:#eef3f6;--tblr-dark-text-emphasis:#b8c4d4;--tblr-primary-bg-subtle:#01162a;--tblr-secondary-bg-subtle:#16181d;--tblr-success-bg-subtle:#09240e;--tblr-info-bg-subtle:#0d1f2d;--tblr-warning-bg-subtle:#311501;--tblr-danger-bg-subtle:#2b0b0b;--tblr-light-bg-subtle:#182433;--tblr-dark-bg-subtle:#0c121a;--tblr-primary-border-subtle:#04437d;--tblr-secondary-border-subtle:#414957;--tblr-success-border-subtle:#1c6b29;--tblr-info-border-subtle:#285c87;--tblr-warning-border-subtle:#943e04;--tblr-danger-border-subtle:#802222;--tblr-light-border-subtle:#3a4859;--tblr-dark-border-subtle:#182433;--tblr-heading-color:inherit;--tblr-link-color:#6aa9e3;--tblr-link-hover-color:#88bae9;--tblr-link-color-rgb:106,169,227;--tblr-link-hover-color-rgb:136,186,233;--tblr-code-color:var(--tblr-gray-300);--tblr-highlight-color:#dce1e7;--tblr-highlight-bg:#624000;--tblr-border-color:#25384f;--tblr-border-color-translucent:rgba(72, 110, 149, 0.14);--tblr-form-valid-color:#82d18f;--tblr-form-valid-border-color:#82d18f;--tblr-form-invalid-color:#e68888;--tblr-form-invalid-border-color:#e68888}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--tblr-body-font-family);font-size:var(--tblr-body-font-size);font-weight:var(--tblr-body-font-weight);line-height:var(--tblr-body-line-height);color:var(--tblr-body-color);text-align:var(--tblr-body-text-align);background-color:var(--tblr-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.hr,hr{margin:2rem 0;color:inherit;border:0;border-top:var(--tblr-border-width) solid;opacity:.16}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--tblr-spacer);font-weight:var(--tblr-font-weight-bold);line-height:1.2;color:var(--tblr-heading-color)}.h1,h1{font-size:1.5rem}.h2,h2{font-size:1.25rem}.h3,h3{font-size:1rem}.h4,h4{font-size:.875rem}.h5,h5{font-size:.75rem}.h6,h6{font-size:.625rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:600}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:85.714285%}.mark,mark{padding:.1875em;color:var(--tblr-highlight-color);background-color:var(--tblr-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--tblr-link-color-rgb),var(--tblr-link-opacity,1));text-decoration:none}a:hover{--tblr-link-color-rgb:var(--tblr-link-hover-color-rgb);text-decoration:underline}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--tblr-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:85.714285%;color:var(--tblr-light)}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:85.714285%;color:var(--tblr-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.25rem .5rem;font-size:var(--tblr-font-size-h5);color:var(--tblr-text-secondary-dark);background-color:var(--tblr-code-bg);border-radius:2px}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:var(--tblr-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:.875rem;font-weight:var(--tblr-font-weight-normal)}.display-1{font-size:5rem;font-weight:300;line-height:1.2}.display-2{font-size:4.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}.display-5{font-size:3rem;font-weight:300;line-height:1.2}.display-6{font-size:2rem;font-weight:300;line-height:1.2}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:85.714285%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:.875rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:85.714285%;color:#49566c}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:var(--tblr-body-bg);border:var(--tblr-border-width) solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);-webkit-box-shadow:var(--tblr-box-shadow-sm);box-shadow:var(--tblr-box-shadow-sm);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:85.714285%;color:var(--tblr-secondary-color)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--tblr-gutter-x:calc(var(--tblr-page-padding) * 2);--tblr-gutter-y:0;width:100%;padding-right:calc(var(--tblr-gutter-x) * .5);padding-left:calc(var(--tblr-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--tblr-breakpoint-xs:0;--tblr-breakpoint-sm:576px;--tblr-breakpoint-md:768px;--tblr-breakpoint-lg:992px;--tblr-breakpoint-xl:1200px;--tblr-breakpoint-xxl:1400px}.row{--tblr-gutter-x:var(--tblr-page-padding);--tblr-gutter-y:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:calc(-1 * var(--tblr-gutter-y));margin-right:calc(-.5 * var(--tblr-gutter-x));margin-left:calc(-.5 * var(--tblr-gutter-x))}.row>*{-ms-flex-negative:0;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--tblr-gutter-x) * .5);padding-left:calc(var(--tblr-gutter-x) * .5);margin-top:var(--tblr-gutter-y)}.grid{display:grid;grid-template-rows:repeat(var(--tblr-rows,1),1fr);grid-template-columns:repeat(var(--tblr-columns,12),1fr);gap:var(--tblr-gap,var(--tblr-page-padding))}.grid .g-col-1{grid-column:auto/span 1}.grid .g-col-2{grid-column:auto/span 2}.grid .g-col-3{grid-column:auto/span 3}.grid .g-col-4{grid-column:auto/span 4}.grid .g-col-5{grid-column:auto/span 5}.grid .g-col-6{grid-column:auto/span 6}.grid .g-col-7{grid-column:auto/span 7}.grid .g-col-8{grid-column:auto/span 8}.grid .g-col-9{grid-column:auto/span 9}.grid .g-col-10{grid-column:auto/span 10}.grid .g-col-11{grid-column:auto/span 11}.grid .g-col-12{grid-column:auto/span 12}.grid .g-start-1{grid-column-start:1}.grid .g-start-2{grid-column-start:2}.grid .g-start-3{grid-column-start:3}.grid .g-start-4{grid-column-start:4}.grid .g-start-5{grid-column-start:5}.grid .g-start-6{grid-column-start:6}.grid .g-start-7{grid-column-start:7}.grid .g-start-8{grid-column-start:8}.grid .g-start-9{grid-column-start:9}.grid .g-start-10{grid-column-start:10}.grid .g-start-11{grid-column-start:11}@media (min-width:576px){.grid .g-col-sm-1{grid-column:auto/span 1}.grid .g-col-sm-2{grid-column:auto/span 2}.grid .g-col-sm-3{grid-column:auto/span 3}.grid .g-col-sm-4{grid-column:auto/span 4}.grid .g-col-sm-5{grid-column:auto/span 5}.grid .g-col-sm-6{grid-column:auto/span 6}.grid .g-col-sm-7{grid-column:auto/span 7}.grid .g-col-sm-8{grid-column:auto/span 8}.grid .g-col-sm-9{grid-column:auto/span 9}.grid .g-col-sm-10{grid-column:auto/span 10}.grid .g-col-sm-11{grid-column:auto/span 11}.grid .g-col-sm-12{grid-column:auto/span 12}.grid .g-start-sm-1{grid-column-start:1}.grid .g-start-sm-2{grid-column-start:2}.grid .g-start-sm-3{grid-column-start:3}.grid .g-start-sm-4{grid-column-start:4}.grid .g-start-sm-5{grid-column-start:5}.grid .g-start-sm-6{grid-column-start:6}.grid .g-start-sm-7{grid-column-start:7}.grid .g-start-sm-8{grid-column-start:8}.grid .g-start-sm-9{grid-column-start:9}.grid .g-start-sm-10{grid-column-start:10}.grid .g-start-sm-11{grid-column-start:11}}@media (min-width:768px){.grid .g-col-md-1{grid-column:auto/span 1}.grid .g-col-md-2{grid-column:auto/span 2}.grid .g-col-md-3{grid-column:auto/span 3}.grid .g-col-md-4{grid-column:auto/span 4}.grid .g-col-md-5{grid-column:auto/span 5}.grid .g-col-md-6{grid-column:auto/span 6}.grid .g-col-md-7{grid-column:auto/span 7}.grid .g-col-md-8{grid-column:auto/span 8}.grid .g-col-md-9{grid-column:auto/span 9}.grid .g-col-md-10{grid-column:auto/span 10}.grid .g-col-md-11{grid-column:auto/span 11}.grid .g-col-md-12{grid-column:auto/span 12}.grid .g-start-md-1{grid-column-start:1}.grid .g-start-md-2{grid-column-start:2}.grid .g-start-md-3{grid-column-start:3}.grid .g-start-md-4{grid-column-start:4}.grid .g-start-md-5{grid-column-start:5}.grid .g-start-md-6{grid-column-start:6}.grid .g-start-md-7{grid-column-start:7}.grid .g-start-md-8{grid-column-start:8}.grid .g-start-md-9{grid-column-start:9}.grid .g-start-md-10{grid-column-start:10}.grid .g-start-md-11{grid-column-start:11}}@media (min-width:992px){.grid .g-col-lg-1{grid-column:auto/span 1}.grid .g-col-lg-2{grid-column:auto/span 2}.grid .g-col-lg-3{grid-column:auto/span 3}.grid .g-col-lg-4{grid-column:auto/span 4}.grid .g-col-lg-5{grid-column:auto/span 5}.grid .g-col-lg-6{grid-column:auto/span 6}.grid .g-col-lg-7{grid-column:auto/span 7}.grid .g-col-lg-8{grid-column:auto/span 8}.grid .g-col-lg-9{grid-column:auto/span 9}.grid .g-col-lg-10{grid-column:auto/span 10}.grid .g-col-lg-11{grid-column:auto/span 11}.grid .g-col-lg-12{grid-column:auto/span 12}.grid .g-start-lg-1{grid-column-start:1}.grid .g-start-lg-2{grid-column-start:2}.grid .g-start-lg-3{grid-column-start:3}.grid .g-start-lg-4{grid-column-start:4}.grid .g-start-lg-5{grid-column-start:5}.grid .g-start-lg-6{grid-column-start:6}.grid .g-start-lg-7{grid-column-start:7}.grid .g-start-lg-8{grid-column-start:8}.grid .g-start-lg-9{grid-column-start:9}.grid .g-start-lg-10{grid-column-start:10}.grid .g-start-lg-11{grid-column-start:11}}@media (min-width:1200px){.grid .g-col-xl-1{grid-column:auto/span 1}.grid .g-col-xl-2{grid-column:auto/span 2}.grid .g-col-xl-3{grid-column:auto/span 3}.grid .g-col-xl-4{grid-column:auto/span 4}.grid .g-col-xl-5{grid-column:auto/span 5}.grid .g-col-xl-6{grid-column:auto/span 6}.grid .g-col-xl-7{grid-column:auto/span 7}.grid .g-col-xl-8{grid-column:auto/span 8}.grid .g-col-xl-9{grid-column:auto/span 9}.grid .g-col-xl-10{grid-column:auto/span 10}.grid .g-col-xl-11{grid-column:auto/span 11}.grid .g-col-xl-12{grid-column:auto/span 12}.grid .g-start-xl-1{grid-column-start:1}.grid .g-start-xl-2{grid-column-start:2}.grid .g-start-xl-3{grid-column-start:3}.grid .g-start-xl-4{grid-column-start:4}.grid .g-start-xl-5{grid-column-start:5}.grid .g-start-xl-6{grid-column-start:6}.grid .g-start-xl-7{grid-column-start:7}.grid .g-start-xl-8{grid-column-start:8}.grid .g-start-xl-9{grid-column-start:9}.grid .g-start-xl-10{grid-column-start:10}.grid .g-start-xl-11{grid-column-start:11}}@media (min-width:1400px){.grid .g-col-xxl-1{grid-column:auto/span 1}.grid .g-col-xxl-2{grid-column:auto/span 2}.grid .g-col-xxl-3{grid-column:auto/span 3}.grid .g-col-xxl-4{grid-column:auto/span 4}.grid .g-col-xxl-5{grid-column:auto/span 5}.grid .g-col-xxl-6{grid-column:auto/span 6}.grid .g-col-xxl-7{grid-column:auto/span 7}.grid .g-col-xxl-8{grid-column:auto/span 8}.grid .g-col-xxl-9{grid-column:auto/span 9}.grid .g-col-xxl-10{grid-column:auto/span 10}.grid .g-col-xxl-11{grid-column:auto/span 11}.grid .g-col-xxl-12{grid-column:auto/span 12}.grid .g-start-xxl-1{grid-column-start:1}.grid .g-start-xxl-2{grid-column-start:2}.grid .g-start-xxl-3{grid-column-start:3}.grid .g-start-xxl-4{grid-column-start:4}.grid .g-start-xxl-5{grid-column-start:5}.grid .g-start-xxl-6{grid-column-start:6}.grid .g-start-xxl-7{grid-column-start:7}.grid .g-start-xxl-8{grid-column-start:8}.grid .g-start-xxl-9{grid-column-start:9}.grid .g-start-xxl-10{grid-column-start:10}.grid .g-start-xxl-11{grid-column-start:11}}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-auto>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-1>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-2>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-3>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.row-cols-4>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-5>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-6>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--tblr-gutter-x:0}.g-0,.gy-0{--tblr-gutter-y:0}.g-1,.gx-1{--tblr-gutter-x:0.25rem}.g-1,.gy-1{--tblr-gutter-y:0.25rem}.g-2,.gx-2{--tblr-gutter-x:0.5rem}.g-2,.gy-2{--tblr-gutter-y:0.5rem}.g-3,.gx-3{--tblr-gutter-x:1rem}.g-3,.gy-3{--tblr-gutter-y:1rem}.g-4,.gx-4{--tblr-gutter-x:1.5rem}.g-4,.gy-4{--tblr-gutter-y:1.5rem}.g-5,.gx-5{--tblr-gutter-x:2rem}.g-5,.gy-5{--tblr-gutter-y:2rem}.g-6,.gx-6{--tblr-gutter-x:2.5rem}.g-6,.gy-6{--tblr-gutter-y:2.5rem}@media (min-width:576px){.col-sm{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-sm-auto>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-sm-1>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-sm-2>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-sm-3>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-sm-5>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-sm-6>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--tblr-gutter-x:0}.g-sm-0,.gy-sm-0{--tblr-gutter-y:0}.g-sm-1,.gx-sm-1{--tblr-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--tblr-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--tblr-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--tblr-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--tblr-gutter-x:1rem}.g-sm-3,.gy-sm-3{--tblr-gutter-y:1rem}.g-sm-4,.gx-sm-4{--tblr-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--tblr-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--tblr-gutter-x:2rem}.g-sm-5,.gy-sm-5{--tblr-gutter-y:2rem}.g-sm-6,.gx-sm-6{--tblr-gutter-x:2.5rem}.g-sm-6,.gy-sm-6{--tblr-gutter-y:2.5rem}}@media (min-width:768px){.col-md{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-md-auto>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-md-1>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-md-2>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-md-3>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-md-5>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-md-6>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--tblr-gutter-x:0}.g-md-0,.gy-md-0{--tblr-gutter-y:0}.g-md-1,.gx-md-1{--tblr-gutter-x:0.25rem}.g-md-1,.gy-md-1{--tblr-gutter-y:0.25rem}.g-md-2,.gx-md-2{--tblr-gutter-x:0.5rem}.g-md-2,.gy-md-2{--tblr-gutter-y:0.5rem}.g-md-3,.gx-md-3{--tblr-gutter-x:1rem}.g-md-3,.gy-md-3{--tblr-gutter-y:1rem}.g-md-4,.gx-md-4{--tblr-gutter-x:1.5rem}.g-md-4,.gy-md-4{--tblr-gutter-y:1.5rem}.g-md-5,.gx-md-5{--tblr-gutter-x:2rem}.g-md-5,.gy-md-5{--tblr-gutter-y:2rem}.g-md-6,.gx-md-6{--tblr-gutter-x:2.5rem}.g-md-6,.gy-md-6{--tblr-gutter-y:2.5rem}}@media (min-width:992px){.col-lg{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-lg-auto>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-lg-1>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-lg-2>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-lg-3>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-lg-5>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-lg-6>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--tblr-gutter-x:0}.g-lg-0,.gy-lg-0{--tblr-gutter-y:0}.g-lg-1,.gx-lg-1{--tblr-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--tblr-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--tblr-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--tblr-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--tblr-gutter-x:1rem}.g-lg-3,.gy-lg-3{--tblr-gutter-y:1rem}.g-lg-4,.gx-lg-4{--tblr-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--tblr-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--tblr-gutter-x:2rem}.g-lg-5,.gy-lg-5{--tblr-gutter-y:2rem}.g-lg-6,.gx-lg-6{--tblr-gutter-x:2.5rem}.g-lg-6,.gy-lg-6{--tblr-gutter-y:2.5rem}}@media (min-width:1200px){.col-xl{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-xl-auto>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-xl-1>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-xl-2>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-xl-3>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-xl-5>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-xl-6>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--tblr-gutter-x:0}.g-xl-0,.gy-xl-0{--tblr-gutter-y:0}.g-xl-1,.gx-xl-1{--tblr-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--tblr-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--tblr-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--tblr-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--tblr-gutter-x:1rem}.g-xl-3,.gy-xl-3{--tblr-gutter-y:1rem}.g-xl-4,.gx-xl-4{--tblr-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--tblr-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--tblr-gutter-x:2rem}.g-xl-5,.gy-xl-5{--tblr-gutter-y:2rem}.g-xl-6,.gx-xl-6{--tblr-gutter-x:2.5rem}.g-xl-6,.gy-xl-6{--tblr-gutter-y:2.5rem}}@media (min-width:1400px){.col-xxl{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-xxl-auto>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-xxl-1>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-xxl-2>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-xxl-3>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-xxl-5>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-xxl-6>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-xxl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-xxl-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-xxl-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-xxl-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-xxl-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-xxl-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-xxl-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-xxl-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-xxl-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-xxl-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-xxl-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-xxl-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-xxl-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--tblr-gutter-x:0}.g-xxl-0,.gy-xxl-0{--tblr-gutter-y:0}.g-xxl-1,.gx-xxl-1{--tblr-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--tblr-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--tblr-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--tblr-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--tblr-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--tblr-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--tblr-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--tblr-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--tblr-gutter-x:2rem}.g-xxl-5,.gy-xxl-5{--tblr-gutter-y:2rem}.g-xxl-6,.gx-xxl-6{--tblr-gutter-x:2.5rem}.g-xxl-6,.gy-xxl-6{--tblr-gutter-y:2.5rem}}.markdown>table,.table{--tblr-table-color-type:initial;--tblr-table-bg-type:initial;--tblr-table-color-state:initial;--tblr-table-bg-state:initial;--tblr-table-color:inherit;--tblr-table-bg:transparent;--tblr-table-border-color:var(--tblr-border-color-translucent);--tblr-table-accent-bg:transparent;--tblr-table-striped-color:inherit;--tblr-table-striped-bg:var(--tblr-bg-surface-tertiary);--tblr-table-active-color:inherit;--tblr-table-active-bg:rgba(var(--tblr-emphasis-color-rgb), 0.1);--tblr-table-hover-color:inherit;--tblr-table-hover-bg:rgba(var(--tblr-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--tblr-table-border-color)}.markdown>table>:not(caption)>*>*,.table>:not(caption)>*>*{padding:.75rem .75rem;color:var(--tblr-table-color-state,var(--tblr-table-color-type,var(--tblr-table-color)));background-color:var(--tblr-table-bg);border-bottom-width:var(--tblr-border-width);-webkit-box-shadow:inset 0 0 0 9999px var(--tblr-table-bg-state,var(--tblr-table-bg-type,var(--tblr-table-accent-bg)));box-shadow:inset 0 0 0 9999px var(--tblr-table-bg-state,var(--tblr-table-bg-type,var(--tblr-table-accent-bg)))}.markdown>table>tbody,.table>tbody{vertical-align:inherit}.markdown>table>thead,.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--tblr-border-width) * 2) solid var(--tblr-border-color-translucent)}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.markdown>table>:not(caption)>*,.table-bordered>:not(caption)>*{border-width:var(--tblr-border-width) 0}.markdown>table>:not(caption)>*>*,.table-bordered>:not(caption)>*>*{border-width:0 var(--tblr-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(even)>*{--tblr-table-color-type:var(--tblr-table-striped-color);--tblr-table-bg-type:var(--tblr-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(even){--tblr-table-color-type:var(--tblr-table-striped-color);--tblr-table-bg-type:var(--tblr-table-striped-bg)}.table-active{--tblr-table-color-state:var(--tblr-table-active-color);--tblr-table-bg-state:var(--tblr-table-active-bg)}.table-hover>tbody>tr:hover>*{--tblr-table-color-state:var(--tblr-table-hover-color);--tblr-table-bg-state:var(--tblr-table-hover-bg)}.table-primary{--tblr-table-color:#182433;--tblr-table-bg:#cde2f6;--tblr-table-border-color:#a9bccf;--tblr-table-striped-bg:#c4d9ec;--tblr-table-striped-color:#182433;--tblr-table-active-bg:#bbcfe3;--tblr-table-active-color:#f6f8fb;--tblr-table-hover-bg:#bfd4e7;--tblr-table-hover-color:#182433;color:var(--tblr-table-color);border-color:var(--tblr-table-border-color)}.table-secondary{--tblr-table-color:#182433;--tblr-table-bg:#e2e4e9;--tblr-table-border-color:#babec5;--tblr-table-striped-bg:#d8dae0;--tblr-table-striped-color:#182433;--tblr-table-active-bg:#ced1d7;--tblr-table-active-color:#182433;--tblr-table-hover-bg:#d3d6db;--tblr-table-hover-color:#182433;color:var(--tblr-table-color);border-color:var(--tblr-table-border-color)}.table-success{--tblr-table-color:#182433;--tblr-table-bg:#d5f0da;--tblr-table-border-color:#afc7b9;--tblr-table-striped-bg:#cce6d2;--tblr-table-striped-color:#182433;--tblr-table-active-bg:#c2dcc9;--tblr-table-active-color:#182433;--tblr-table-hover-bg:#c7e1cd;--tblr-table-hover-color:#182433;color:var(--tblr-table-color);border-color:var(--tblr-table-border-color)}.table-info{--tblr-table-color:#182433;--tblr-table-bg:#d9ebf9;--tblr-table-border-color:#b2c3d1;--tblr-table-striped-bg:#cfe1ef;--tblr-table-striped-color:#182433;--tblr-table-active-bg:#c6d7e5;--tblr-table-active-color:#182433;--tblr-table-hover-bg:#cbdcea;--tblr-table-hover-color:#182433;color:var(--tblr-table-color);border-color:var(--tblr-table-border-color)}.table-warning{--tblr-table-color:#182433;--tblr-table-bg:#fde1cd;--tblr-table-border-color:#cfbbae;--tblr-table-striped-bg:#f2d8c5;--tblr-table-striped-color:#182433;--tblr-table-active-bg:#e6cebe;--tblr-table-active-color:#182433;--tblr-table-hover-bg:#ecd3c1;--tblr-table-hover-color:#182433;color:var(--tblr-table-color);border-color:var(--tblr-table-border-color)}.table-danger{--tblr-table-color:#182433;--tblr-table-bg:#f7d7d7;--tblr-table-border-color:#cab3b6;--tblr-table-striped-bg:#eccecf;--tblr-table-striped-color:#182433;--tblr-table-active-bg:#e1c5c7;--tblr-table-active-color:#f6f8fb;--tblr-table-hover-bg:#e6cacb;--tblr-table-hover-color:#182433;color:var(--tblr-table-color);border-color:var(--tblr-table-border-color)}.table-light{--tblr-table-color:#182433;--tblr-table-bg:#f6f8fb;--tblr-table-border-color:#caced3;--tblr-table-striped-bg:#ebedf1;--tblr-table-striped-color:#182433;--tblr-table-active-bg:#e0e3e7;--tblr-table-active-color:#182433;--tblr-table-hover-bg:#e5e8ec;--tblr-table-hover-color:#182433;color:var(--tblr-table-color);border-color:var(--tblr-table-border-color)}.table-dark{--tblr-table-color:#f6f8fb;--tblr-table-bg:#182433;--tblr-table-border-color:#444e5b;--tblr-table-striped-bg:#232f3d;--tblr-table-striped-color:#f6f8fb;--tblr-table-active-bg:#2e3947;--tblr-table-active-color:#f6f8fb;--tblr-table-hover-bg:#293442;--tblr-table-hover-color:#f6f8fb;color:var(--tblr-table-color);border-color:var(--tblr-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem;font-size:.875rem;font-weight:var(--tblr-font-weight-medium)}.col-form-label{padding-top:calc(.4375rem + var(--tblr-border-width));padding-bottom:calc(.4375rem + var(--tblr-border-width));margin-bottom:0;font-size:inherit;font-weight:var(--tblr-font-weight-medium);line-height:1.4285714286}.col-form-label-lg{padding-top:calc(.6875rem + var(--tblr-border-width));padding-bottom:calc(.6875rem + var(--tblr-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.0625rem + var(--tblr-border-width));padding-bottom:calc(.0625rem + var(--tblr-border-width));font-size:.75rem}.form-text{margin-top:.25rem;font-size:85.714285%;color:var(--tblr-secondary-color)}.form-control{display:block;width:100%;padding:.4375rem .75rem;font-family:var(--tblr-font-sans-serif);font-size:.875rem;font-weight:400;line-height:1.4285714286;color:var(--tblr-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--tblr-bg-forms);background-clip:padding-box;border:var(--tblr-border-width) solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);-webkit-box-shadow:var(--tblr-box-shadow-input);box-shadow:var(--tblr-box-shadow-input);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{-webkit-transition:none;transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--tblr-body-color);background-color:var(--tblr-bg-forms);border-color:#83b7e8;outline:0;-webkit-box-shadow:var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25);box-shadow:var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.4285714286em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::-webkit-input-placeholder{color:#8a97ab;opacity:1}.form-control:-ms-input-placeholder{color:#8a97ab;opacity:1}.form-control::-ms-input-placeholder{color:#8a97ab;opacity:1}.form-control::-moz-placeholder{color:#8a97ab;opacity:1}.form-control::placeholder{color:#8a97ab;opacity:1}.form-control:disabled{background-color:var(--tblr-bg-surface-secondary);opacity:1}.form-control::-webkit-file-upload-button{padding:.4375rem .75rem;margin:-.4375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--tblr-body-color);background-color:var(--tblr-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--tblr-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.4375rem .75rem;margin:-.4375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--tblr-body-color);background-color:var(--tblr-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--tblr-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{-webkit-transition:none;transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--tblr-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--tblr-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.4375rem 0;margin-bottom:0;line-height:1.4285714286;color:var(--tblr-body-color);background-color:transparent;border:solid transparent;border-width:var(--tblr-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.4285714286em + .125rem + calc(var(--tblr-border-width) * 2));padding:.0625rem .25rem;font-size:.75rem;border-radius:var(--tblr-border-radius-sm)}.form-control-sm::-webkit-file-upload-button{padding:.0625rem .25rem;margin:-.0625rem -.25rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}.form-control-sm::file-selector-button{padding:.0625rem .25rem;margin:-.0625rem -.25rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}.form-control-lg{min-height:calc(1.4285714286em + 1.375rem + calc(var(--tblr-border-width) * 2));padding:.6875rem 1.5rem;font-size:1.25rem;border-radius:var(--tblr-border-radius-lg)}.form-control-lg::-webkit-file-upload-button{padding:.6875rem 1.5rem;margin:-.6875rem -1.5rem;-webkit-margin-end:1.5rem;margin-inline-end:1.5rem}.form-control-lg::file-selector-button{padding:.6875rem 1.5rem;margin:-.6875rem -1.5rem;-webkit-margin-end:1.5rem;margin-inline-end:1.5rem}textarea.form-control{min-height:calc(1.4285714286em + .875rem + calc(var(--tblr-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.4285714286em + .125rem + calc(var(--tblr-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.4285714286em + 1.375rem + calc(var(--tblr-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.4285714286em + .875rem + calc(var(--tblr-border-width) * 2));padding:.4375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--tblr-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--tblr-border-radius)}.form-control-color.form-control-sm{height:calc(1.4285714286em + .125rem + calc(var(--tblr-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.4285714286em + 1.375rem + calc(var(--tblr-border-width) * 2))}.form-select{--tblr-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%238a97ab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.4375rem 2.25rem .4375rem .75rem;font-family:var(--tblr-font-sans-serif);font-size:.875rem;font-weight:400;line-height:1.4285714286;color:var(--tblr-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--tblr-bg-forms);background-image:var(--tblr-form-select-bg-img),var(--tblr-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--tblr-border-width) solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);-webkit-box-shadow:var(--tblr-box-shadow-input);box-shadow:var(--tblr-box-shadow-input);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{-webkit-transition:none;transition:none}}.form-select:focus{border-color:#83b7e8;outline:0;-webkit-box-shadow:var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25);box-shadow:var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--tblr-bg-surface-secondary)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--tblr-body-color)}.form-select-sm{padding-top:.0625rem;padding-bottom:.0625rem;padding-left:.25rem;font-size:.75rem;border-radius:var(--tblr-border-radius-sm)}.form-select-lg{padding-top:.6875rem;padding-bottom:.6875rem;padding-left:1.5rem;font-size:1.25rem;border-radius:var(--tblr-border-radius-lg)}[data-bs-theme=dark] .form-select,body[data-bs-theme=dark] [data-bs-theme=light] .form-select{--tblr-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dce1e7' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.25rem;padding-left:2rem;margin-bottom:.75rem}.form-check .form-check-input{float:left;margin-left:-2rem}.form-check-reverse{padding-right:2rem;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-2rem;margin-left:0}.form-check-input{--tblr-form-check-bg:var(--tblr-bg-forms);-ms-flex-negative:0;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.0892857143rem;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--tblr-form-check-bg);background-image:var(--tblr-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:var(--tblr-border-radius)}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{-webkit-filter:brightness(90%);filter:brightness(90%)}.form-check-input:focus{border-color:#83b7e8;outline:0;-webkit-box-shadow:0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25);box-shadow:0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)}.form-check-input:checked{background-color:var(--tblr-primary);border-color:var(--tblr-border-color-translucent)}.form-check-input:checked[type=checkbox]{--tblr-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--tblr-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:var(--tblr-primary);border-color:var(--tblr-primary);--tblr-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;-webkit-filter:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.7}.form-switch{padding-left:2.5rem}.form-switch .form-check-input{--tblr-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23dce1e7'/%3e%3c/svg%3e");width:2rem;margin-left:-2.5rem;background-image:var(--tblr-form-switch-bg);background-position:left center;border-radius:2rem;-webkit-transition:background-position .15s ease-in-out;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{-webkit-transition:none;transition:none}}.form-switch .form-check-input:focus{--tblr-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2383b7e8'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--tblr-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5rem;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5rem;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;-webkit-filter:none;filter:none;opacity:.4}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--tblr-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.25rem;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{-webkit-box-shadow:0 0 0 1px #f6f8fb,0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25);box-shadow:0 0 0 1px #f6f8fb,0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #f6f8fb,0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.375rem;-webkit-appearance:none;appearance:none;background-color:var(--tblr-primary);border:2px var(--tblr-border-style) #fff;border-radius:1rem;-webkit-box-shadow:0 .1rem .25rem rgba(0,0,0,.1);box-shadow:0 .1rem .25rem rgba(0,0,0,.1);-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b4d4f1}.form-range::-webkit-slider-runnable-track{width:100%;height:.25rem;color:transparent;cursor:pointer;background-color:var(--tblr-border-color);border-color:transparent;border-radius:1rem;-webkit-box-shadow:var(--tblr-box-shadow-inset);box-shadow:var(--tblr-box-shadow-inset)}.form-range::-moz-range-thumb{width:1rem;height:1rem;-moz-appearance:none;appearance:none;background-color:var(--tblr-primary);border:2px var(--tblr-border-style) #fff;border-radius:1rem;box-shadow:0 .1rem .25rem rgba(0,0,0,.1);-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b4d4f1}.form-range::-moz-range-track{width:100%;height:.25rem;color:transparent;cursor:pointer;background-color:var(--tblr-border-color);border-color:transparent;border-radius:1rem;box-shadow:var(--tblr-box-shadow-inset)}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--tblr-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--tblr-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--tblr-border-width) * 2));min-height:calc(3.5rem + calc(var(--tblr-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;height:100%;padding:1rem .75rem;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--tblr-border-width) solid transparent;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;transition:opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;transition:opacity .1s ease-in-out,transform .1s ease-in-out;transition:opacity .1s ease-in-out,transform .1s ease-in-out,-webkit-transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{-webkit-transition:none;transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::-webkit-input-placeholder,.form-floating>.form-control::-webkit-input-placeholder{color:transparent}.form-floating>.form-control-plaintext:-ms-input-placeholder,.form-floating>.form-control:-ms-input-placeholder{color:transparent}.form-floating>.form-control-plaintext::-ms-input-placeholder,.form-floating>.form-control::-ms-input-placeholder{color:transparent}.form-floating>.form-control-plaintext::-webkit-input-placeholder, .form-floating>.form-control::-webkit-input-placeholder{color:transparent}.form-floating>.form-control-plaintext::-moz-placeholder, .form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control-plaintext:-ms-input-placeholder, .form-floating>.form-control:-ms-input-placeholder{color:transparent}.form-floating>.form-control-plaintext::-ms-input-placeholder, .form-floating>.form-control::-ms-input-placeholder{color:transparent}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:not(:-ms-input-placeholder),.form-floating>.form-control:not(:-ms-input-placeholder){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:not(:-moz-placeholder), .form-floating>.form-control:not(:-moz-placeholder){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:not(:-ms-input-placeholder), .form-floating>.form-control:not(:-ms-input-placeholder){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-ms-input-placeholder)~label{color:rgba(var(--tblr-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:not(:-moz-placeholder)~label{color:rgba(var(--tblr-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{color:rgba(var(--tblr-body-color-rgb),.65);-webkit-transform:scale(.85) translateY(-.5rem) translateX(.15rem);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:not(:-ms-input-placeholder)~label::after{position:absolute;inset:1rem .375rem;z-index:-1;height:1.5em;content:"";background-color:var(--tblr-bg-forms);border-radius:var(--tblr-border-radius)}.form-floating>.form-control:not(:-moz-placeholder)~label::after{position:absolute;inset:1rem .375rem;z-index:-1;height:1.5em;content:"";background-color:var(--tblr-bg-forms);border-radius:var(--tblr-border-radius)}.form-floating>.form-control-plaintext~label::after,.form-floating>.form-control:focus~label::after,.form-floating>.form-control:not(:placeholder-shown)~label::after,.form-floating>.form-select~label::after{position:absolute;inset:1rem .375rem;z-index:-1;height:1.5em;content:"";background-color:var(--tblr-bg-forms);border-radius:var(--tblr-border-radius)}.form-floating>.form-control:-webkit-autofill~label{color:rgba(var(--tblr-body-color-rgb),.65);-webkit-transform:scale(.85) translateY(-.5rem) translateX(.15rem);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label{border-width:var(--tblr-border-width) 0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#49566c}.form-floating>.form-control:disabled~label::after,.form-floating>:disabled~label::after{background-color:var(--tblr-bg-surface-secondary)}.input-group{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.4375rem .75rem;font-size:.875rem;font-weight:400;line-height:1.4285714286;color:var(--tblr-gray-500);text-align:center;white-space:nowrap;background-color:var(--tblr-bg-surface-secondary);border:var(--tblr-border-width) solid var(--tblr-border-color);border-radius:var(--tblr-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.6875rem 1.5rem;font-size:1.25rem;border-radius:var(--tblr-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.0625rem .25rem;font-size:.75rem;border-radius:var(--tblr-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(var(--tblr-border-width) * -1);border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:85.714285%;color:var(--tblr-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:var(--tblr-spacer-2) var(--tblr-spacer-2);margin-top:.1rem;font-size:.765625rem;color:#fff;background-color:var(--tblr-success);border-radius:var(--tblr-border-radius)}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--tblr-form-valid-border-color);padding-right:calc(1.4285714286em + .875rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.3571428572em + .21875rem) center;background-size:calc(.7142857143em + .4375rem) calc(.7142857143em + .4375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--tblr-form-valid-border-color);-webkit-box-shadow:var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-success-rgb),.25);box-shadow:var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.4285714286em + .875rem);background-position:top calc(.3571428572em + .21875rem) right calc(.3571428572em + .21875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:var(--tblr-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--tblr-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.7142857143em + .4375rem) calc(.7142857143em + .4375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:var(--tblr-form-valid-border-color);-webkit-box-shadow:var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-success-rgb),.25);box-shadow:var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.4285714286em + .875rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--tblr-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:var(--tblr-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{-webkit-box-shadow:0 0 0 .25rem rgba(var(--tblr-success-rgb),.25);box-shadow:0 0 0 .25rem rgba(var(--tblr-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--tblr-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:85.714285%;color:var(--tblr-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:var(--tblr-spacer-2) var(--tblr-spacer-2);margin-top:.1rem;font-size:.765625rem;color:#fff;background-color:var(--tblr-danger);border-radius:var(--tblr-border-radius)}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--tblr-form-invalid-border-color);padding-right:calc(1.4285714286em + .875rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.3571428572em + .21875rem) center;background-size:calc(.7142857143em + .4375rem) calc(.7142857143em + .4375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--tblr-form-invalid-border-color);-webkit-box-shadow:var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-danger-rgb),.25);box-shadow:var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.4285714286em + .875rem);background-position:top calc(.3571428572em + .21875rem) right calc(.3571428572em + .21875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:var(--tblr-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--tblr-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.7142857143em + .4375rem) calc(.7142857143em + .4375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:var(--tblr-form-invalid-border-color);-webkit-box-shadow:var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-danger-rgb),.25);box-shadow:var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.4285714286em + .875rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:var(--tblr-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:var(--tblr-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{-webkit-box-shadow:0 0 0 .25rem rgba(var(--tblr-danger-rgb),.25);box-shadow:0 0 0 .25rem rgba(var(--tblr-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--tblr-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--tblr-btn-padding-x:1rem;--tblr-btn-padding-y:0.4375rem;--tblr-btn-font-family:var(--tblr-font-sans-serif);--tblr-btn-font-size:0.875rem;--tblr-btn-font-weight:var(--tblr-font-weight-medium);--tblr-btn-line-height:1.4285714286;--tblr-btn-color:var(--tblr-body-color);--tblr-btn-bg:transparent;--tblr-btn-border-width:var(--tblr-border-width);--tblr-btn-border-color:transparent;--tblr-btn-border-radius:var(--tblr-border-radius);--tblr-btn-hover-border-color:transparent;--tblr-btn-box-shadow:var(--tblr-box-shadow-input);--tblr-btn-disabled-opacity:0.4;--tblr-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--tblr-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--tblr-btn-padding-y) var(--tblr-btn-padding-x);font-family:var(--tblr-btn-font-family);font-size:var(--tblr-btn-font-size);font-weight:var(--tblr-btn-font-weight);line-height:var(--tblr-btn-line-height);color:var(--tblr-btn-color);text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:var(--tblr-btn-border-width) solid var(--tblr-btn-border-color);border-radius:var(--tblr-btn-border-radius);background-color:var(--tblr-btn-bg);-webkit-box-shadow:var(--tblr-btn-box-shadow);box-shadow:var(--tblr-btn-box-shadow);-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{-webkit-transition:none;transition:none}}.btn:hover{color:var(--tblr-btn-hover-color);text-decoration:none;background-color:var(--tblr-btn-hover-bg);border-color:var(--tblr-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--tblr-btn-color);background-color:var(--tblr-btn-bg);border-color:var(--tblr-btn-border-color)}.btn:focus-visible{color:var(--tblr-btn-hover-color);background-color:var(--tblr-btn-hover-bg);border-color:var(--tblr-btn-hover-border-color);outline:0;-webkit-box-shadow:var(--tblr-btn-box-shadow),var(--tblr-btn-focus-box-shadow);box-shadow:var(--tblr-btn-box-shadow),var(--tblr-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--tblr-btn-hover-border-color);outline:0;-webkit-box-shadow:var(--tblr-btn-box-shadow),var(--tblr-btn-focus-box-shadow);box-shadow:var(--tblr-btn-box-shadow),var(--tblr-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--tblr-btn-active-color);background-color:var(--tblr-btn-active-bg);border-color:var(--tblr-btn-active-border-color);-webkit-box-shadow:var(--tblr-btn-active-shadow);box-shadow:var(--tblr-btn-active-shadow)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{-webkit-box-shadow:var(--tblr-btn-active-shadow),var(--tblr-btn-focus-box-shadow);box-shadow:var(--tblr-btn-active-shadow),var(--tblr-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{-webkit-box-shadow:var(--tblr-btn-active-shadow),var(--tblr-btn-focus-box-shadow);box-shadow:var(--tblr-btn-active-shadow),var(--tblr-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--tblr-btn-disabled-color);pointer-events:none;background-color:var(--tblr-btn-disabled-bg);border-color:var(--tblr-btn-disabled-border-color);opacity:var(--tblr-btn-disabled-opacity);-webkit-box-shadow:none;box-shadow:none}.btn-link{--tblr-btn-font-weight:400;--tblr-btn-color:var(--tblr-link-color);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-link-hover-color);--tblr-btn-hover-border-color:transparent;--tblr-btn-active-color:var(--tblr-link-hover-color);--tblr-btn-active-border-color:transparent;--tblr-btn-disabled-color:#49566c;--tblr-btn-disabled-border-color:transparent;--tblr-btn-box-shadow:0 0 0 #000;--tblr-btn-focus-shadow-rgb:42,132,215;text-decoration:none}.btn-link:focus-visible,.btn-link:hover{text-decoration:underline}.btn-link:focus-visible{color:var(--tblr-btn-color)}.btn-link:hover{color:var(--tblr-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--tblr-btn-padding-y:0.6875rem;--tblr-btn-padding-x:1.5rem;--tblr-btn-font-size:1.25rem;--tblr-btn-border-radius:var(--tblr-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--tblr-btn-padding-y:0.0625rem;--tblr-btn-padding-x:0.25rem;--tblr-btn-font-size:0.75rem;--tblr-btn-border-radius:var(--tblr-border-radius-sm)}.fade{-webkit-transition:opacity .15s linear;transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{-webkit-transition:none;transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{-webkit-transition:none;transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;-webkit-transition:width .35s ease;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{-webkit-transition:none;transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px var(--tblr-border-style);border-left:1px var(--tblr-border-style);margin-right:.1em;margin-left:.4em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.dropdown-menu{--tblr-dropdown-zindex:1000;--tblr-dropdown-min-width:11rem;--tblr-dropdown-padding-x:0;--tblr-dropdown-padding-y:0.25rem;--tblr-dropdown-spacer:1px;--tblr-dropdown-font-size:0.875rem;--tblr-dropdown-color:var(--tblr-body-color);--tblr-dropdown-bg:var(--tblr-bg-surface);--tblr-dropdown-border-color:var(--tblr-border-color-translucent);--tblr-dropdown-border-radius:var(--tblr-border-radius);--tblr-dropdown-border-width:var(--tblr-border-width);--tblr-dropdown-inner-border-radius:calc(var(--tblr-border-radius) - var(--tblr-border-width));--tblr-dropdown-divider-bg:var(--tblr-border-color-translucent);--tblr-dropdown-divider-margin-y:var(--tblr-spacer-2);--tblr-dropdown-box-shadow:var(--tblr-box-shadow-dropdown);--tblr-dropdown-link-color:inherit;--tblr-dropdown-link-hover-color:inherit;--tblr-dropdown-link-hover-bg:rgba(var(--tblr-secondary-rgb), 0.08);--tblr-dropdown-link-active-color:var(--tblr-primary);--tblr-dropdown-link-active-bg:var(--tblr-active-bg);--tblr-dropdown-link-disabled-color:var(--tblr-tertiary-color);--tblr-dropdown-item-padding-x:0.75rem;--tblr-dropdown-item-padding-y:0.5rem;--tblr-dropdown-header-color:#49566c;--tblr-dropdown-header-padding-x:0.75rem;--tblr-dropdown-header-padding-y:0.25rem;position:absolute;z-index:var(--tblr-dropdown-zindex);display:none;min-width:var(--tblr-dropdown-min-width);padding:var(--tblr-dropdown-padding-y) var(--tblr-dropdown-padding-x);margin:0;font-size:var(--tblr-dropdown-font-size);color:var(--tblr-dropdown-color);text-align:left;list-style:none;background-color:var(--tblr-dropdown-bg);background-clip:padding-box;border:var(--tblr-dropdown-border-width) solid var(--tblr-dropdown-border-color);border-radius:var(--tblr-dropdown-border-radius);-webkit-box-shadow:var(--tblr-dropdown-box-shadow);box-shadow:var(--tblr-dropdown-box-shadow)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--tblr-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--tblr-dropdown-spacer)}.dropup .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px var(--tblr-border-style);border-left:1px var(--tblr-border-style);margin-right:.1em;margin-left:.4em;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--tblr-dropdown-spacer)}.dropend .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px var(--tblr-border-style);border-left:1px var(--tblr-border-style);margin-right:.1em;margin-left:.4em;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--tblr-dropdown-spacer)}.dropstart .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px var(--tblr-border-style);border-left:1px var(--tblr-border-style);margin-right:.1em;margin-left:.4em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--tblr-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--tblr-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--tblr-dropdown-link-color);text-align:inherit;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--tblr-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--tblr-dropdown-link-hover-color);text-decoration:none;background-color:var(--tblr-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--tblr-dropdown-link-active-color);text-decoration:none;background-color:var(--tblr-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--tblr-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--tblr-dropdown-header-padding-y) var(--tblr-dropdown-header-padding-x);margin-bottom:0;font-size:.765625rem;color:var(--tblr-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);color:var(--tblr-dropdown-link-color)}.dropdown-menu-dark{--tblr-dropdown-color:#b8c4d4;--tblr-dropdown-bg:#182433;--tblr-dropdown-border-color:var(--tblr-border-color-translucent);--tblr-dropdown-link-color:#b8c4d4;--tblr-dropdown-link-hover-color:#ffffff;--tblr-dropdown-divider-bg:var(--tblr-border-color-translucent);--tblr-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--tblr-dropdown-link-active-color:var(--tblr-primary);--tblr-dropdown-link-active-bg:var(--tblr-active-bg);--tblr-dropdown-link-disabled-color:#6c7a91;--tblr-dropdown-header-color:#6c7a91}.btn-group,.btn-group-vertical{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:var(--tblr-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(var(--tblr-border-width) * -1)}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.1875rem;padding-left:.1875rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:1.125rem;padding-left:1.125rem}.btn-group.show .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.show .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn-group-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(var(--tblr-border-width) * -1)}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--tblr-nav-link-padding-x:0.75rem;--tblr-nav-link-padding-y:0.5rem;--tblr-nav-link-color:var(--tblr-gray-500);--tblr-nav-link-hover-color:var(--tblr-link-hover-color);--tblr-nav-link-disabled-color:var(--tblr-disabled-color);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--tblr-nav-link-padding-y) var(--tblr-nav-link-padding-x);font-size:var(--tblr-nav-link-font-size);font-weight:var(--tblr-nav-link-font-weight);color:var(--tblr-nav-link-color);background:0 0;border:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{-webkit-transition:none;transition:none}}.nav-link:focus,.nav-link:hover{color:var(--tblr-nav-link-hover-color);text-decoration:none}.nav-link:focus-visible{outline:0;-webkit-box-shadow:0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25);box-shadow:0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)}.nav-link.disabled,.nav-link:disabled{color:var(--tblr-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--tblr-nav-tabs-border-width:var(--tblr-border-width);--tblr-nav-tabs-border-color:var(--tblr-border-color);--tblr-nav-tabs-border-radius:var(--tblr-border-radius);--tblr-nav-tabs-link-hover-border-color:var(--tblr-border-color) var(--tblr-border-color) var(--tblr-border-color);--tblr-nav-tabs-link-active-color:var(--tblr-body-color);--tblr-nav-tabs-link-active-bg:var(--tblr-body-bg);--tblr-nav-tabs-link-active-border-color:var(--tblr-border-color) var(--tblr-border-color) var(--tblr-border-color);border-bottom:var(--tblr-nav-tabs-border-width) solid var(--tblr-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--tblr-nav-tabs-border-width));border:var(--tblr-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--tblr-nav-tabs-border-radius);border-top-right-radius:var(--tblr-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--tblr-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--tblr-nav-tabs-link-active-color);background-color:var(--tblr-nav-tabs-link-active-bg);border-color:var(--tblr-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--tblr-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--tblr-nav-pills-border-radius:var(--tblr-border-radius);--tblr-nav-pills-link-active-color:var(--tblr-primary);--tblr-nav-pills-link-active-bg:var(--tblr-active-bg)}.nav-pills .nav-link{border-radius:var(--tblr-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--tblr-nav-pills-link-active-color);background-color:var(--tblr-nav-pills-link-active-bg)}.nav-underline{--tblr-nav-underline-gap:1rem;--tblr-nav-underline-border-width:0.125rem;--tblr-nav-underline-link-active-color:var(--tblr-emphasis-color);gap:var(--tblr-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--tblr-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:600;color:var(--tblr-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--tblr-navbar-padding-x:0;--tblr-navbar-padding-y:0.25rem;--tblr-navbar-color:var(--tblr-muted);--tblr-navbar-hover-color:var(--tblr-body-color) color;--tblr-navbar-disabled-color:var(--tblr-disabled-color);--tblr-navbar-active-color:var(--tblr-body-color) color;--tblr-navbar-brand-padding-y:0.5rem;--tblr-navbar-brand-margin-end:1rem;--tblr-navbar-brand-font-size:1.25rem;--tblr-navbar-brand-color:var(--tblr-body-color);--tblr-navbar-brand-hover-color:var(--tblr-body-color) color;--tblr-navbar-nav-link-padding-x:0.75rem;--tblr-navbar-toggler-padding-y:0;--tblr-navbar-toggler-padding-x:0;--tblr-navbar-toggler-font-size:1rem;--tblr-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2824, 36, 51, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--tblr-navbar-toggler-border-color:rgba(var(--tblr-emphasis-color-rgb), 0.15);--tblr-navbar-toggler-border-radius:var(--tblr-border-radius);--tblr-navbar-toggler-focus-width:0;--tblr-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:var(--tblr-navbar-padding-y) var(--tblr-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:inherit;flex-wrap:inherit;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{padding-top:var(--tblr-navbar-brand-padding-y);padding-bottom:var(--tblr-navbar-brand-padding-y);margin-right:var(--tblr-navbar-brand-margin-end);font-size:var(--tblr-navbar-brand-font-size);color:var(--tblr-navbar-brand-color);white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--tblr-navbar-brand-hover-color);text-decoration:none}.navbar-nav{--tblr-nav-link-padding-x:0;--tblr-nav-link-padding-y:0.5rem;--tblr-nav-link-color:var(--tblr-navbar-color);--tblr-nav-link-hover-color:var(--tblr-navbar-hover-color);--tblr-nav-link-disabled-color:var(--tblr-navbar-disabled-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--tblr-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--tblr-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--tblr-navbar-active-color)}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:var(--tblr-navbar-toggler-padding-y) var(--tblr-navbar-toggler-padding-x);font-size:var(--tblr-navbar-toggler-font-size);line-height:1;color:var(--tblr-navbar-color);background-color:transparent;border:var(--tblr-border-width) solid var(--tblr-navbar-toggler-border-color);border-radius:var(--tblr-navbar-toggler-border-radius);-webkit-transition:var(--tblr-navbar-toggler-transition);transition:var(--tblr-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{-webkit-transition:none;transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;-webkit-box-shadow:0 0 0 var(--tblr-navbar-toggler-focus-width);box-shadow:0 0 0 var(--tblr-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--tblr-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--tblr-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--tblr-navbar-nav-link-padding-x);padding-left:var(--tblr-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;-webkit-transform:none!important;transform:none!important;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--tblr-navbar-nav-link-padding-x);padding-left:var(--tblr-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;-webkit-transform:none!important;transform:none!important;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--tblr-navbar-nav-link-padding-x);padding-left:var(--tblr-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;-webkit-transform:none!important;transform:none!important;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--tblr-navbar-nav-link-padding-x);padding-left:var(--tblr-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;-webkit-transform:none!important;transform:none!important;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--tblr-navbar-nav-link-padding-x);padding-left:var(--tblr-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;-webkit-transform:none!important;transform:none!important;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--tblr-navbar-nav-link-padding-x);padding-left:var(--tblr-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;-webkit-transform:none!important;transform:none!important;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark],body[data-bs-theme=dark] .navbar[data-bs-theme=light]{--tblr-navbar-color:rgba(255, 255, 255, 0.7);--tblr-navbar-hover-color:rgba(255, 255, 255, 0.75);--tblr-navbar-disabled-color:var(--tblr-disabled-color);--tblr-navbar-active-color:#ffffff;--tblr-navbar-brand-color:#ffffff;--tblr-navbar-brand-hover-color:#ffffff;--tblr-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--tblr-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon,body[data-bs-theme=dark] [data-bs-theme=light] .navbar-toggler-icon{--tblr-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--tblr-card-spacer-y:1rem;--tblr-card-spacer-x:1.25rem;--tblr-card-title-spacer-y:1.25rem;--tblr-card-border-width:var(--tblr-border-width);--tblr-card-border-color:var(--tblr-border-color-translucent);--tblr-card-border-radius:var(--tblr-border-radius);--tblr-card-box-shadow:var(--tblr-shadow-card);--tblr-card-inner-border-radius:calc(var(--tblr-border-radius) - (var(--tblr-border-width)));--tblr-card-cap-padding-y:1rem;--tblr-card-cap-padding-x:1.25rem;--tblr-card-cap-bg:var(--tblr-bg-surface-tertiary);--tblr-card-cap-color:inherit;--tblr-card-color:inherit;--tblr-card-bg:var(--tblr-bg-surface);--tblr-card-img-overlay-padding:1rem;--tblr-card-group-margin:1.5rem;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;height:var(--tblr-card-height);color:var(--tblr-body-color);word-wrap:break-word;background-color:var(--tblr-card-bg);background-clip:border-box;border:var(--tblr-card-border-width) solid var(--tblr-card-border-color);border-radius:var(--tblr-card-border-radius);-webkit-box-shadow:var(--tblr-card-box-shadow);box-shadow:var(--tblr-card-box-shadow)}.card>.hr,.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--tblr-card-inner-border-radius);border-top-right-radius:var(--tblr-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--tblr-card-inner-border-radius);border-bottom-left-radius:var(--tblr-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:var(--tblr-card-spacer-y) var(--tblr-card-spacer-x);color:var(--tblr-card-color)}.card-title{margin-bottom:var(--tblr-card-title-spacer-y);color:var(--tblr-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--tblr-card-title-spacer-y));margin-bottom:0;color:var(--tblr-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:var(--tblr-card-spacer-x)}.card-header{padding:var(--tblr-card-cap-padding-y) var(--tblr-card-cap-padding-x);margin-bottom:0;color:var(--tblr-card-cap-color);background-color:var(--tblr-card-cap-bg);border-bottom:var(--tblr-card-border-width) solid var(--tblr-card-border-color)}.card-header:first-child{border-radius:var(--tblr-card-inner-border-radius) var(--tblr-card-inner-border-radius) 0 0}.card-footer{padding:var(--tblr-card-cap-padding-y) var(--tblr-card-cap-padding-x);color:var(--tblr-card-cap-color);background-color:var(--tblr-card-cap-bg);border-top:var(--tblr-card-border-width) solid var(--tblr-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--tblr-card-inner-border-radius) var(--tblr-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--tblr-card-cap-padding-x));margin-bottom:calc(-1 * var(--tblr-card-cap-padding-y));margin-left:calc(-.5 * var(--tblr-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--tblr-card-bg);border-bottom-color:var(--tblr-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--tblr-card-cap-padding-x));margin-left:calc(-.5 * var(--tblr-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--tblr-card-img-overlay-padding);border-radius:var(--tblr-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--tblr-card-inner-border-radius);border-top-right-radius:var(--tblr-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--tblr-card-inner-border-radius);border-bottom-left-radius:var(--tblr-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--tblr-card-group-margin)}@media (min-width:576px){.card-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion{--tblr-accordion-color:var(--tblr-body-color);--tblr-accordion-bg:transparent;--tblr-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--tblr-accordion-border-color:var(--tblr-border-color-translucent);--tblr-accordion-border-width:var(--tblr-border-width);--tblr-accordion-border-radius:var(--tblr-border-radius);--tblr-accordion-inner-border-radius:calc(var(--tblr-border-radius) - (var(--tblr-border-width)));--tblr-accordion-btn-padding-x:1.25rem;--tblr-accordion-btn-padding-y:1rem;--tblr-accordion-btn-color:var(--tblr-body-color);--tblr-accordion-btn-bg:transparent;--tblr-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23182433' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");--tblr-accordion-btn-icon-width:1rem;--tblr-accordion-btn-icon-transform:rotate(-180deg);--tblr-accordion-btn-icon-transition:transform 0.2s ease-in-out;--tblr-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23022c54' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");--tblr-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);--tblr-accordion-body-padding-x:1.25rem;--tblr-accordion-body-padding-y:1rem;--tblr-accordion-active-color:inherit;--tblr-accordion-active-bg:transparent}.accordion-button{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:var(--tblr-accordion-btn-padding-y) var(--tblr-accordion-btn-padding-x);font-size:.875rem;color:var(--tblr-accordion-btn-color);text-align:left;background-color:var(--tblr-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;-webkit-transition:var(--tblr-accordion-transition);transition:var(--tblr-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{-webkit-transition:none;transition:none}}.accordion-button:not(.collapsed){color:var(--tblr-accordion-active-color);background-color:var(--tblr-accordion-active-bg);-webkit-box-shadow:inset 0 calc(-1 * var(--tblr-accordion-border-width)) 0 var(--tblr-accordion-border-color);box-shadow:inset 0 calc(-1 * var(--tblr-accordion-border-width)) 0 var(--tblr-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--tblr-accordion-btn-active-icon);-webkit-transform:var(--tblr-accordion-btn-icon-transform);transform:var(--tblr-accordion-btn-icon-transform)}.accordion-button::after{-ms-flex-negative:0;flex-shrink:0;width:var(--tblr-accordion-btn-icon-width);height:var(--tblr-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--tblr-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--tblr-accordion-btn-icon-width);-webkit-transition:var(--tblr-accordion-btn-icon-transition);transition:var(--tblr-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{-webkit-transition:none;transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;-webkit-box-shadow:var(--tblr-accordion-btn-focus-box-shadow);box-shadow:var(--tblr-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--tblr-accordion-color);background-color:var(--tblr-accordion-bg);border:var(--tblr-accordion-border-width) solid var(--tblr-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--tblr-accordion-border-radius);border-top-right-radius:var(--tblr-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--tblr-accordion-inner-border-radius);border-top-right-radius:var(--tblr-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--tblr-accordion-border-radius);border-bottom-left-radius:var(--tblr-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--tblr-accordion-inner-border-radius);border-bottom-left-radius:var(--tblr-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--tblr-accordion-border-radius);border-bottom-left-radius:var(--tblr-accordion-border-radius)}.accordion-body{padding:var(--tblr-accordion-body-padding-y) var(--tblr-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}.accordion-flush>.accordion-item>.accordion-collapse{border-radius:0}[data-bs-theme=dark] .accordion-button::after{--tblr-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236aa9e3'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--tblr-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236aa9e3'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.breadcrumb{--tblr-breadcrumb-padding-x:0;--tblr-breadcrumb-padding-y:0;--tblr-breadcrumb-margin-bottom:1rem;--tblr-breadcrumb-divider-color:var(--tblr-gray-500);--tblr-breadcrumb-item-padding-x:0.5rem;--tblr-breadcrumb-item-active-color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:var(--tblr-breadcrumb-padding-y) var(--tblr-breadcrumb-padding-x);margin-bottom:var(--tblr-breadcrumb-margin-bottom);font-size:var(--tblr-breadcrumb-font-size);list-style:none;background-color:var(--tblr-breadcrumb-bg);border-radius:var(--tblr-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--tblr-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--tblr-breadcrumb-item-padding-x);color:var(--tblr-breadcrumb-divider-color);content:var(--tblr-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--tblr-breadcrumb-item-active-color)}.pagination{--tblr-pagination-padding-x:0.25rem;--tblr-pagination-padding-y:0.25rem;--tblr-pagination-font-size:0.875rem;--tblr-pagination-color:var(--tblr-gray-500);--tblr-pagination-bg:transparent;--tblr-pagination-border-width:0;--tblr-pagination-border-color:var(--tblr-border-color);--tblr-pagination-border-radius:var(--tblr-border-radius);--tblr-pagination-hover-color:var(--tblr-link-hover-color);--tblr-pagination-hover-bg:var(--tblr-tertiary-bg);--tblr-pagination-hover-border-color:var(--tblr-border-color);--tblr-pagination-focus-color:var(--tblr-link-hover-color);--tblr-pagination-focus-bg:var(--tblr-secondary-bg);--tblr-pagination-focus-box-shadow:0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);--tblr-pagination-active-color:#ffffff;--tblr-pagination-active-bg:var(--tblr-primary);--tblr-pagination-active-border-color:var(--tblr-primary);--tblr-pagination-disabled-color:var(--tblr-disabled-color);--tblr-pagination-disabled-bg:transparent;--tblr-pagination-disabled-border-color:var(--tblr-border-color);display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--tblr-pagination-padding-y) var(--tblr-pagination-padding-x);font-size:var(--tblr-pagination-font-size);color:var(--tblr-pagination-color);background-color:var(--tblr-pagination-bg);border:var(--tblr-pagination-border-width) solid var(--tblr-pagination-border-color);-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{-webkit-transition:none;transition:none}}.page-link:hover{z-index:2;color:var(--tblr-pagination-hover-color);text-decoration:none;background-color:var(--tblr-pagination-hover-bg);border-color:var(--tblr-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--tblr-pagination-focus-color);background-color:var(--tblr-pagination-focus-bg);outline:0;-webkit-box-shadow:var(--tblr-pagination-focus-box-shadow);box-shadow:var(--tblr-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--tblr-pagination-active-color);background-color:var(--tblr-pagination-active-bg);border-color:var(--tblr-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--tblr-pagination-disabled-color);pointer-events:none;background-color:var(--tblr-pagination-disabled-bg);border-color:var(--tblr-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(0 * -1)}.page-item:first-child .page-link{border-top-left-radius:var(--tblr-pagination-border-radius);border-bottom-left-radius:var(--tblr-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--tblr-pagination-border-radius);border-bottom-right-radius:var(--tblr-pagination-border-radius)}.pagination-lg{--tblr-pagination-padding-x:1.5rem;--tblr-pagination-padding-y:0.75rem;--tblr-pagination-font-size:1.09375rem;--tblr-pagination-border-radius:var(--tblr-border-radius-lg)}.pagination-sm{--tblr-pagination-padding-x:0.5rem;--tblr-pagination-padding-y:0.25rem;--tblr-pagination-font-size:0.765625rem;--tblr-pagination-border-radius:var(--tblr-border-radius-sm)}.badge{--tblr-badge-padding-x:0.5em;--tblr-badge-padding-y:0.25em;--tblr-badge-font-size:85.714285%;--tblr-badge-font-weight:var(--tblr-font-weight-medium);--tblr-badge-color:var(--tblr-gray-500);--tblr-badge-border-radius:var(--tblr-border-radius);display:inline-block;padding:var(--tblr-badge-padding-y) var(--tblr-badge-padding-x);font-size:var(--tblr-badge-font-size);font-weight:var(--tblr-badge-font-weight);line-height:1;color:var(--tblr-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--tblr-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--tblr-alert-bg:transparent;--tblr-alert-padding-x:1rem;--tblr-alert-padding-y:0.75rem;--tblr-alert-margin-bottom:1rem;--tblr-alert-color:inherit;--tblr-alert-border-color:transparent;--tblr-alert-border:var(--tblr-border-width) solid var(--tblr-alert-border-color);--tblr-alert-border-radius:var(--tblr-border-radius);--tblr-alert-link-color:inherit;position:relative;padding:var(--tblr-alert-padding-y) var(--tblr-alert-padding-x);margin-bottom:var(--tblr-alert-margin-bottom);color:var(--tblr-alert-color);background-color:var(--tblr-alert-bg);border:var(--tblr-alert-border);border-radius:var(--tblr-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:var(--tblr-font-weight-bold);color:var(--tblr-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:.9375rem 1rem}.alert-primary{--tblr-alert-color:var(--tblr-primary-text-emphasis);--tblr-alert-bg:var(--tblr-primary-bg-subtle);--tblr-alert-border-color:var(--tblr-primary-border-subtle);--tblr-alert-link-color:var(--tblr-primary-text-emphasis)}.alert-secondary{--tblr-alert-color:var(--tblr-secondary-text-emphasis);--tblr-alert-bg:var(--tblr-secondary-bg-subtle);--tblr-alert-border-color:var(--tblr-secondary-border-subtle);--tblr-alert-link-color:var(--tblr-secondary-text-emphasis)}.alert-success{--tblr-alert-color:var(--tblr-success-text-emphasis);--tblr-alert-bg:var(--tblr-success-bg-subtle);--tblr-alert-border-color:var(--tblr-success-border-subtle);--tblr-alert-link-color:var(--tblr-success-text-emphasis)}.alert-info{--tblr-alert-color:var(--tblr-info-text-emphasis);--tblr-alert-bg:var(--tblr-info-bg-subtle);--tblr-alert-border-color:var(--tblr-info-border-subtle);--tblr-alert-link-color:var(--tblr-info-text-emphasis)}.alert-warning{--tblr-alert-color:var(--tblr-warning-text-emphasis);--tblr-alert-bg:var(--tblr-warning-bg-subtle);--tblr-alert-border-color:var(--tblr-warning-border-subtle);--tblr-alert-link-color:var(--tblr-warning-text-emphasis)}.alert-danger{--tblr-alert-color:var(--tblr-danger-text-emphasis);--tblr-alert-bg:var(--tblr-danger-bg-subtle);--tblr-alert-border-color:var(--tblr-danger-border-subtle);--tblr-alert-link-color:var(--tblr-danger-text-emphasis)}.alert-light{--tblr-alert-color:var(--tblr-light-text-emphasis);--tblr-alert-bg:var(--tblr-light-bg-subtle);--tblr-alert-border-color:var(--tblr-light-border-subtle);--tblr-alert-link-color:var(--tblr-light-text-emphasis)}.alert-dark{--tblr-alert-color:var(--tblr-dark-text-emphasis);--tblr-alert-bg:var(--tblr-dark-bg-subtle);--tblr-alert-border-color:var(--tblr-dark-border-subtle);--tblr-alert-link-color:var(--tblr-dark-text-emphasis)}.alert-muted{--tblr-alert-color:var(--tblr-muted-text-emphasis);--tblr-alert-bg:var(--tblr-muted-bg-subtle);--tblr-alert-border-color:var(--tblr-muted-border-subtle);--tblr-alert-link-color:var(--tblr-muted-text-emphasis)}.alert-blue{--tblr-alert-color:var(--tblr-blue-text-emphasis);--tblr-alert-bg:var(--tblr-blue-bg-subtle);--tblr-alert-border-color:var(--tblr-blue-border-subtle);--tblr-alert-link-color:var(--tblr-blue-text-emphasis)}.alert-azure{--tblr-alert-color:var(--tblr-azure-text-emphasis);--tblr-alert-bg:var(--tblr-azure-bg-subtle);--tblr-alert-border-color:var(--tblr-azure-border-subtle);--tblr-alert-link-color:var(--tblr-azure-text-emphasis)}.alert-indigo{--tblr-alert-color:var(--tblr-indigo-text-emphasis);--tblr-alert-bg:var(--tblr-indigo-bg-subtle);--tblr-alert-border-color:var(--tblr-indigo-border-subtle);--tblr-alert-link-color:var(--tblr-indigo-text-emphasis)}.alert-purple{--tblr-alert-color:var(--tblr-purple-text-emphasis);--tblr-alert-bg:var(--tblr-purple-bg-subtle);--tblr-alert-border-color:var(--tblr-purple-border-subtle);--tblr-alert-link-color:var(--tblr-purple-text-emphasis)}.alert-pink{--tblr-alert-color:var(--tblr-pink-text-emphasis);--tblr-alert-bg:var(--tblr-pink-bg-subtle);--tblr-alert-border-color:var(--tblr-pink-border-subtle);--tblr-alert-link-color:var(--tblr-pink-text-emphasis)}.alert-red{--tblr-alert-color:var(--tblr-red-text-emphasis);--tblr-alert-bg:var(--tblr-red-bg-subtle);--tblr-alert-border-color:var(--tblr-red-border-subtle);--tblr-alert-link-color:var(--tblr-red-text-emphasis)}.alert-orange{--tblr-alert-color:var(--tblr-orange-text-emphasis);--tblr-alert-bg:var(--tblr-orange-bg-subtle);--tblr-alert-border-color:var(--tblr-orange-border-subtle);--tblr-alert-link-color:var(--tblr-orange-text-emphasis)}.alert-yellow{--tblr-alert-color:var(--tblr-yellow-text-emphasis);--tblr-alert-bg:var(--tblr-yellow-bg-subtle);--tblr-alert-border-color:var(--tblr-yellow-border-subtle);--tblr-alert-link-color:var(--tblr-yellow-text-emphasis)}.alert-lime{--tblr-alert-color:var(--tblr-lime-text-emphasis);--tblr-alert-bg:var(--tblr-lime-bg-subtle);--tblr-alert-border-color:var(--tblr-lime-border-subtle);--tblr-alert-link-color:var(--tblr-lime-text-emphasis)}.alert-green{--tblr-alert-color:var(--tblr-green-text-emphasis);--tblr-alert-bg:var(--tblr-green-bg-subtle);--tblr-alert-border-color:var(--tblr-green-border-subtle);--tblr-alert-link-color:var(--tblr-green-text-emphasis)}.alert-teal{--tblr-alert-color:var(--tblr-teal-text-emphasis);--tblr-alert-bg:var(--tblr-teal-bg-subtle);--tblr-alert-border-color:var(--tblr-teal-border-subtle);--tblr-alert-link-color:var(--tblr-teal-text-emphasis)}.alert-cyan{--tblr-alert-color:var(--tblr-cyan-text-emphasis);--tblr-alert-bg:var(--tblr-cyan-bg-subtle);--tblr-alert-border-color:var(--tblr-cyan-border-subtle);--tblr-alert-link-color:var(--tblr-cyan-text-emphasis)}.alert-x{--tblr-alert-color:var(--tblr-x-text-emphasis);--tblr-alert-bg:var(--tblr-x-bg-subtle);--tblr-alert-border-color:var(--tblr-x-border-subtle);--tblr-alert-link-color:var(--tblr-x-text-emphasis)}.alert-facebook{--tblr-alert-color:var(--tblr-facebook-text-emphasis);--tblr-alert-bg:var(--tblr-facebook-bg-subtle);--tblr-alert-border-color:var(--tblr-facebook-border-subtle);--tblr-alert-link-color:var(--tblr-facebook-text-emphasis)}.alert-twitter{--tblr-alert-color:var(--tblr-twitter-text-emphasis);--tblr-alert-bg:var(--tblr-twitter-bg-subtle);--tblr-alert-border-color:var(--tblr-twitter-border-subtle);--tblr-alert-link-color:var(--tblr-twitter-text-emphasis)}.alert-linkedin{--tblr-alert-color:var(--tblr-linkedin-text-emphasis);--tblr-alert-bg:var(--tblr-linkedin-bg-subtle);--tblr-alert-border-color:var(--tblr-linkedin-border-subtle);--tblr-alert-link-color:var(--tblr-linkedin-text-emphasis)}.alert-google{--tblr-alert-color:var(--tblr-google-text-emphasis);--tblr-alert-bg:var(--tblr-google-bg-subtle);--tblr-alert-border-color:var(--tblr-google-border-subtle);--tblr-alert-link-color:var(--tblr-google-text-emphasis)}.alert-youtube{--tblr-alert-color:var(--tblr-youtube-text-emphasis);--tblr-alert-bg:var(--tblr-youtube-bg-subtle);--tblr-alert-border-color:var(--tblr-youtube-border-subtle);--tblr-alert-link-color:var(--tblr-youtube-text-emphasis)}.alert-vimeo{--tblr-alert-color:var(--tblr-vimeo-text-emphasis);--tblr-alert-bg:var(--tblr-vimeo-bg-subtle);--tblr-alert-border-color:var(--tblr-vimeo-border-subtle);--tblr-alert-link-color:var(--tblr-vimeo-text-emphasis)}.alert-dribbble{--tblr-alert-color:var(--tblr-dribbble-text-emphasis);--tblr-alert-bg:var(--tblr-dribbble-bg-subtle);--tblr-alert-border-color:var(--tblr-dribbble-border-subtle);--tblr-alert-link-color:var(--tblr-dribbble-text-emphasis)}.alert-github{--tblr-alert-color:var(--tblr-github-text-emphasis);--tblr-alert-bg:var(--tblr-github-bg-subtle);--tblr-alert-border-color:var(--tblr-github-border-subtle);--tblr-alert-link-color:var(--tblr-github-text-emphasis)}.alert-instagram{--tblr-alert-color:var(--tblr-instagram-text-emphasis);--tblr-alert-bg:var(--tblr-instagram-bg-subtle);--tblr-alert-border-color:var(--tblr-instagram-border-subtle);--tblr-alert-link-color:var(--tblr-instagram-text-emphasis)}.alert-pinterest{--tblr-alert-color:var(--tblr-pinterest-text-emphasis);--tblr-alert-bg:var(--tblr-pinterest-bg-subtle);--tblr-alert-border-color:var(--tblr-pinterest-border-subtle);--tblr-alert-link-color:var(--tblr-pinterest-text-emphasis)}.alert-vk{--tblr-alert-color:var(--tblr-vk-text-emphasis);--tblr-alert-bg:var(--tblr-vk-bg-subtle);--tblr-alert-border-color:var(--tblr-vk-border-subtle);--tblr-alert-link-color:var(--tblr-vk-text-emphasis)}.alert-rss{--tblr-alert-color:var(--tblr-rss-text-emphasis);--tblr-alert-bg:var(--tblr-rss-bg-subtle);--tblr-alert-border-color:var(--tblr-rss-border-subtle);--tblr-alert-link-color:var(--tblr-rss-text-emphasis)}.alert-flickr{--tblr-alert-color:var(--tblr-flickr-text-emphasis);--tblr-alert-bg:var(--tblr-flickr-bg-subtle);--tblr-alert-border-color:var(--tblr-flickr-border-subtle);--tblr-alert-link-color:var(--tblr-flickr-text-emphasis)}.alert-bitbucket{--tblr-alert-color:var(--tblr-bitbucket-text-emphasis);--tblr-alert-bg:var(--tblr-bitbucket-bg-subtle);--tblr-alert-border-color:var(--tblr-bitbucket-border-subtle);--tblr-alert-link-color:var(--tblr-bitbucket-text-emphasis)}.alert-tabler{--tblr-alert-color:var(--tblr-tabler-text-emphasis);--tblr-alert-bg:var(--tblr-tabler-bg-subtle);--tblr-alert-border-color:var(--tblr-tabler-border-subtle);--tblr-alert-link-color:var(--tblr-tabler-text-emphasis)}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:.5rem}}@keyframes progress-bar-stripes{0%{background-position-x:.5rem}}.progress,.progress-stacked{--tblr-progress-height:0.5rem;--tblr-progress-font-size:0.65625rem;--tblr-progress-bg:var(--tblr-border-color);--tblr-progress-border-radius:var(--tblr-border-radius);--tblr-progress-box-shadow:var(--tblr-box-shadow-inset);--tblr-progress-bar-color:#ffffff;--tblr-progress-bar-bg:var(--tblr-primary);--tblr-progress-bar-transition:width 0.6s ease;display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--tblr-progress-height);overflow:hidden;font-size:var(--tblr-progress-font-size);background-color:var(--tblr-progress-bg);border-radius:var(--tblr-progress-border-radius);-webkit-box-shadow:var(--tblr-progress-box-shadow);box-shadow:var(--tblr-progress-box-shadow)}.progress-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:var(--tblr-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--tblr-progress-bar-bg);-webkit-transition:var(--tblr-progress-bar-transition);transition:var(--tblr-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{-webkit-transition:none;transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--tblr-progress-height) var(--tblr-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{-webkit-animation:1s linear infinite progress-bar-stripes;animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.list-group{--tblr-list-group-color:var(--tblr-body-color);--tblr-list-group-bg:inherit;--tblr-list-group-border-color:var(--tblr-border-color);--tblr-list-group-border-width:var(--tblr-border-width);--tblr-list-group-border-radius:var(--tblr-border-radius);--tblr-list-group-item-padding-x:1.25rem;--tblr-list-group-item-padding-y:1rem;--tblr-list-group-action-color:inherit;--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:rgba(var(--tblr-secondary-rgb), 0.08);--tblr-list-group-action-active-color:var(--tblr-body-color);--tblr-list-group-action-active-bg:var(--tblr-secondary-bg);--tblr-list-group-disabled-color:var(--tblr-secondary-color);--tblr-list-group-disabled-bg:inherit;--tblr-list-group-active-color:inherit;--tblr-list-group-active-bg:var(--tblr-active-bg);--tblr-list-group-active-border-color:var(--tblr-border-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--tblr-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item-action{width:100%;color:var(--tblr-list-group-action-color);text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:var(--tblr-list-group-action-hover-color);text-decoration:none;background-color:var(--tblr-list-group-action-hover-bg)}.list-group-item-action:active{color:var(--tblr-list-group-action-active-color);background-color:var(--tblr-list-group-action-active-bg)}.list-group-item{position:relative;display:block;padding:var(--tblr-list-group-item-padding-y) var(--tblr-list-group-item-padding-x);color:var(--tblr-list-group-color);background-color:var(--tblr-list-group-bg);border:var(--tblr-list-group-border-width) solid var(--tblr-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--tblr-list-group-disabled-color);pointer-events:none;background-color:var(--tblr-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--tblr-list-group-active-color);background-color:var(--tblr-list-group-active-bg);border-color:var(--tblr-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--tblr-list-group-border-width));border-top-width:var(--tblr-list-group-border-width)}.list-group-horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--tblr-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--tblr-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--tblr-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--tblr-list-group-border-width));border-left-width:var(--tblr-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--tblr-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--tblr-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--tblr-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--tblr-list-group-border-width));border-left-width:var(--tblr-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--tblr-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--tblr-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--tblr-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--tblr-list-group-border-width));border-left-width:var(--tblr-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--tblr-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--tblr-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--tblr-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--tblr-list-group-border-width));border-left-width:var(--tblr-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--tblr-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--tblr-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--tblr-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--tblr-list-group-border-width));border-left-width:var(--tblr-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--tblr-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--tblr-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--tblr-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--tblr-list-group-border-width));border-left-width:var(--tblr-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--tblr-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--tblr-list-group-color:var(--tblr-primary-text-emphasis);--tblr-list-group-bg:var(--tblr-primary-bg-subtle);--tblr-list-group-border-color:var(--tblr-primary-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-primary-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-primary-border-subtle);--tblr-list-group-active-color:var(--tblr-primary-bg-subtle);--tblr-list-group-active-bg:var(--tblr-primary-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-primary-text-emphasis)}.list-group-item-secondary{--tblr-list-group-color:var(--tblr-secondary-text-emphasis);--tblr-list-group-bg:var(--tblr-secondary-bg-subtle);--tblr-list-group-border-color:var(--tblr-secondary-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-secondary-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-secondary-border-subtle);--tblr-list-group-active-color:var(--tblr-secondary-bg-subtle);--tblr-list-group-active-bg:var(--tblr-secondary-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-secondary-text-emphasis)}.list-group-item-success{--tblr-list-group-color:var(--tblr-success-text-emphasis);--tblr-list-group-bg:var(--tblr-success-bg-subtle);--tblr-list-group-border-color:var(--tblr-success-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-success-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-success-border-subtle);--tblr-list-group-active-color:var(--tblr-success-bg-subtle);--tblr-list-group-active-bg:var(--tblr-success-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-success-text-emphasis)}.list-group-item-info{--tblr-list-group-color:var(--tblr-info-text-emphasis);--tblr-list-group-bg:var(--tblr-info-bg-subtle);--tblr-list-group-border-color:var(--tblr-info-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-info-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-info-border-subtle);--tblr-list-group-active-color:var(--tblr-info-bg-subtle);--tblr-list-group-active-bg:var(--tblr-info-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-info-text-emphasis)}.list-group-item-warning{--tblr-list-group-color:var(--tblr-warning-text-emphasis);--tblr-list-group-bg:var(--tblr-warning-bg-subtle);--tblr-list-group-border-color:var(--tblr-warning-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-warning-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-warning-border-subtle);--tblr-list-group-active-color:var(--tblr-warning-bg-subtle);--tblr-list-group-active-bg:var(--tblr-warning-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-warning-text-emphasis)}.list-group-item-danger{--tblr-list-group-color:var(--tblr-danger-text-emphasis);--tblr-list-group-bg:var(--tblr-danger-bg-subtle);--tblr-list-group-border-color:var(--tblr-danger-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-danger-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-danger-border-subtle);--tblr-list-group-active-color:var(--tblr-danger-bg-subtle);--tblr-list-group-active-bg:var(--tblr-danger-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-danger-text-emphasis)}.list-group-item-light{--tblr-list-group-color:var(--tblr-light-text-emphasis);--tblr-list-group-bg:var(--tblr-light-bg-subtle);--tblr-list-group-border-color:var(--tblr-light-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-light-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-light-border-subtle);--tblr-list-group-active-color:var(--tblr-light-bg-subtle);--tblr-list-group-active-bg:var(--tblr-light-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-light-text-emphasis)}.list-group-item-dark{--tblr-list-group-color:var(--tblr-dark-text-emphasis);--tblr-list-group-bg:var(--tblr-dark-bg-subtle);--tblr-list-group-border-color:var(--tblr-dark-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-dark-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-dark-border-subtle);--tblr-list-group-active-color:var(--tblr-dark-bg-subtle);--tblr-list-group-active-bg:var(--tblr-dark-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-dark-text-emphasis)}.list-group-item-muted{--tblr-list-group-color:var(--tblr-muted-text-emphasis);--tblr-list-group-bg:var(--tblr-muted-bg-subtle);--tblr-list-group-border-color:var(--tblr-muted-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-muted-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-muted-border-subtle);--tblr-list-group-active-color:var(--tblr-muted-bg-subtle);--tblr-list-group-active-bg:var(--tblr-muted-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-muted-text-emphasis)}.list-group-item-blue{--tblr-list-group-color:var(--tblr-blue-text-emphasis);--tblr-list-group-bg:var(--tblr-blue-bg-subtle);--tblr-list-group-border-color:var(--tblr-blue-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-blue-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-blue-border-subtle);--tblr-list-group-active-color:var(--tblr-blue-bg-subtle);--tblr-list-group-active-bg:var(--tblr-blue-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-blue-text-emphasis)}.list-group-item-azure{--tblr-list-group-color:var(--tblr-azure-text-emphasis);--tblr-list-group-bg:var(--tblr-azure-bg-subtle);--tblr-list-group-border-color:var(--tblr-azure-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-azure-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-azure-border-subtle);--tblr-list-group-active-color:var(--tblr-azure-bg-subtle);--tblr-list-group-active-bg:var(--tblr-azure-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-azure-text-emphasis)}.list-group-item-indigo{--tblr-list-group-color:var(--tblr-indigo-text-emphasis);--tblr-list-group-bg:var(--tblr-indigo-bg-subtle);--tblr-list-group-border-color:var(--tblr-indigo-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-indigo-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-indigo-border-subtle);--tblr-list-group-active-color:var(--tblr-indigo-bg-subtle);--tblr-list-group-active-bg:var(--tblr-indigo-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-indigo-text-emphasis)}.list-group-item-purple{--tblr-list-group-color:var(--tblr-purple-text-emphasis);--tblr-list-group-bg:var(--tblr-purple-bg-subtle);--tblr-list-group-border-color:var(--tblr-purple-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-purple-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-purple-border-subtle);--tblr-list-group-active-color:var(--tblr-purple-bg-subtle);--tblr-list-group-active-bg:var(--tblr-purple-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-purple-text-emphasis)}.list-group-item-pink{--tblr-list-group-color:var(--tblr-pink-text-emphasis);--tblr-list-group-bg:var(--tblr-pink-bg-subtle);--tblr-list-group-border-color:var(--tblr-pink-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-pink-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-pink-border-subtle);--tblr-list-group-active-color:var(--tblr-pink-bg-subtle);--tblr-list-group-active-bg:var(--tblr-pink-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-pink-text-emphasis)}.list-group-item-red{--tblr-list-group-color:var(--tblr-red-text-emphasis);--tblr-list-group-bg:var(--tblr-red-bg-subtle);--tblr-list-group-border-color:var(--tblr-red-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-red-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-red-border-subtle);--tblr-list-group-active-color:var(--tblr-red-bg-subtle);--tblr-list-group-active-bg:var(--tblr-red-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-red-text-emphasis)}.list-group-item-orange{--tblr-list-group-color:var(--tblr-orange-text-emphasis);--tblr-list-group-bg:var(--tblr-orange-bg-subtle);--tblr-list-group-border-color:var(--tblr-orange-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-orange-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-orange-border-subtle);--tblr-list-group-active-color:var(--tblr-orange-bg-subtle);--tblr-list-group-active-bg:var(--tblr-orange-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-orange-text-emphasis)}.list-group-item-yellow{--tblr-list-group-color:var(--tblr-yellow-text-emphasis);--tblr-list-group-bg:var(--tblr-yellow-bg-subtle);--tblr-list-group-border-color:var(--tblr-yellow-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-yellow-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-yellow-border-subtle);--tblr-list-group-active-color:var(--tblr-yellow-bg-subtle);--tblr-list-group-active-bg:var(--tblr-yellow-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-yellow-text-emphasis)}.list-group-item-lime{--tblr-list-group-color:var(--tblr-lime-text-emphasis);--tblr-list-group-bg:var(--tblr-lime-bg-subtle);--tblr-list-group-border-color:var(--tblr-lime-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-lime-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-lime-border-subtle);--tblr-list-group-active-color:var(--tblr-lime-bg-subtle);--tblr-list-group-active-bg:var(--tblr-lime-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-lime-text-emphasis)}.list-group-item-green{--tblr-list-group-color:var(--tblr-green-text-emphasis);--tblr-list-group-bg:var(--tblr-green-bg-subtle);--tblr-list-group-border-color:var(--tblr-green-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-green-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-green-border-subtle);--tblr-list-group-active-color:var(--tblr-green-bg-subtle);--tblr-list-group-active-bg:var(--tblr-green-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-green-text-emphasis)}.list-group-item-teal{--tblr-list-group-color:var(--tblr-teal-text-emphasis);--tblr-list-group-bg:var(--tblr-teal-bg-subtle);--tblr-list-group-border-color:var(--tblr-teal-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-teal-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-teal-border-subtle);--tblr-list-group-active-color:var(--tblr-teal-bg-subtle);--tblr-list-group-active-bg:var(--tblr-teal-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-teal-text-emphasis)}.list-group-item-cyan{--tblr-list-group-color:var(--tblr-cyan-text-emphasis);--tblr-list-group-bg:var(--tblr-cyan-bg-subtle);--tblr-list-group-border-color:var(--tblr-cyan-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-cyan-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-cyan-border-subtle);--tblr-list-group-active-color:var(--tblr-cyan-bg-subtle);--tblr-list-group-active-bg:var(--tblr-cyan-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-cyan-text-emphasis)}.list-group-item-x{--tblr-list-group-color:var(--tblr-x-text-emphasis);--tblr-list-group-bg:var(--tblr-x-bg-subtle);--tblr-list-group-border-color:var(--tblr-x-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-x-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-x-border-subtle);--tblr-list-group-active-color:var(--tblr-x-bg-subtle);--tblr-list-group-active-bg:var(--tblr-x-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-x-text-emphasis)}.list-group-item-facebook{--tblr-list-group-color:var(--tblr-facebook-text-emphasis);--tblr-list-group-bg:var(--tblr-facebook-bg-subtle);--tblr-list-group-border-color:var(--tblr-facebook-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-facebook-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-facebook-border-subtle);--tblr-list-group-active-color:var(--tblr-facebook-bg-subtle);--tblr-list-group-active-bg:var(--tblr-facebook-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-facebook-text-emphasis)}.list-group-item-twitter{--tblr-list-group-color:var(--tblr-twitter-text-emphasis);--tblr-list-group-bg:var(--tblr-twitter-bg-subtle);--tblr-list-group-border-color:var(--tblr-twitter-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-twitter-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-twitter-border-subtle);--tblr-list-group-active-color:var(--tblr-twitter-bg-subtle);--tblr-list-group-active-bg:var(--tblr-twitter-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-twitter-text-emphasis)}.list-group-item-linkedin{--tblr-list-group-color:var(--tblr-linkedin-text-emphasis);--tblr-list-group-bg:var(--tblr-linkedin-bg-subtle);--tblr-list-group-border-color:var(--tblr-linkedin-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-linkedin-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-linkedin-border-subtle);--tblr-list-group-active-color:var(--tblr-linkedin-bg-subtle);--tblr-list-group-active-bg:var(--tblr-linkedin-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-linkedin-text-emphasis)}.list-group-item-google{--tblr-list-group-color:var(--tblr-google-text-emphasis);--tblr-list-group-bg:var(--tblr-google-bg-subtle);--tblr-list-group-border-color:var(--tblr-google-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-google-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-google-border-subtle);--tblr-list-group-active-color:var(--tblr-google-bg-subtle);--tblr-list-group-active-bg:var(--tblr-google-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-google-text-emphasis)}.list-group-item-youtube{--tblr-list-group-color:var(--tblr-youtube-text-emphasis);--tblr-list-group-bg:var(--tblr-youtube-bg-subtle);--tblr-list-group-border-color:var(--tblr-youtube-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-youtube-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-youtube-border-subtle);--tblr-list-group-active-color:var(--tblr-youtube-bg-subtle);--tblr-list-group-active-bg:var(--tblr-youtube-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-youtube-text-emphasis)}.list-group-item-vimeo{--tblr-list-group-color:var(--tblr-vimeo-text-emphasis);--tblr-list-group-bg:var(--tblr-vimeo-bg-subtle);--tblr-list-group-border-color:var(--tblr-vimeo-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-vimeo-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-vimeo-border-subtle);--tblr-list-group-active-color:var(--tblr-vimeo-bg-subtle);--tblr-list-group-active-bg:var(--tblr-vimeo-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-vimeo-text-emphasis)}.list-group-item-dribbble{--tblr-list-group-color:var(--tblr-dribbble-text-emphasis);--tblr-list-group-bg:var(--tblr-dribbble-bg-subtle);--tblr-list-group-border-color:var(--tblr-dribbble-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-dribbble-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-dribbble-border-subtle);--tblr-list-group-active-color:var(--tblr-dribbble-bg-subtle);--tblr-list-group-active-bg:var(--tblr-dribbble-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-dribbble-text-emphasis)}.list-group-item-github{--tblr-list-group-color:var(--tblr-github-text-emphasis);--tblr-list-group-bg:var(--tblr-github-bg-subtle);--tblr-list-group-border-color:var(--tblr-github-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-github-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-github-border-subtle);--tblr-list-group-active-color:var(--tblr-github-bg-subtle);--tblr-list-group-active-bg:var(--tblr-github-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-github-text-emphasis)}.list-group-item-instagram{--tblr-list-group-color:var(--tblr-instagram-text-emphasis);--tblr-list-group-bg:var(--tblr-instagram-bg-subtle);--tblr-list-group-border-color:var(--tblr-instagram-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-instagram-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-instagram-border-subtle);--tblr-list-group-active-color:var(--tblr-instagram-bg-subtle);--tblr-list-group-active-bg:var(--tblr-instagram-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-instagram-text-emphasis)}.list-group-item-pinterest{--tblr-list-group-color:var(--tblr-pinterest-text-emphasis);--tblr-list-group-bg:var(--tblr-pinterest-bg-subtle);--tblr-list-group-border-color:var(--tblr-pinterest-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-pinterest-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-pinterest-border-subtle);--tblr-list-group-active-color:var(--tblr-pinterest-bg-subtle);--tblr-list-group-active-bg:var(--tblr-pinterest-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-pinterest-text-emphasis)}.list-group-item-vk{--tblr-list-group-color:var(--tblr-vk-text-emphasis);--tblr-list-group-bg:var(--tblr-vk-bg-subtle);--tblr-list-group-border-color:var(--tblr-vk-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-vk-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-vk-border-subtle);--tblr-list-group-active-color:var(--tblr-vk-bg-subtle);--tblr-list-group-active-bg:var(--tblr-vk-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-vk-text-emphasis)}.list-group-item-rss{--tblr-list-group-color:var(--tblr-rss-text-emphasis);--tblr-list-group-bg:var(--tblr-rss-bg-subtle);--tblr-list-group-border-color:var(--tblr-rss-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-rss-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-rss-border-subtle);--tblr-list-group-active-color:var(--tblr-rss-bg-subtle);--tblr-list-group-active-bg:var(--tblr-rss-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-rss-text-emphasis)}.list-group-item-flickr{--tblr-list-group-color:var(--tblr-flickr-text-emphasis);--tblr-list-group-bg:var(--tblr-flickr-bg-subtle);--tblr-list-group-border-color:var(--tblr-flickr-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-flickr-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-flickr-border-subtle);--tblr-list-group-active-color:var(--tblr-flickr-bg-subtle);--tblr-list-group-active-bg:var(--tblr-flickr-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-flickr-text-emphasis)}.list-group-item-bitbucket{--tblr-list-group-color:var(--tblr-bitbucket-text-emphasis);--tblr-list-group-bg:var(--tblr-bitbucket-bg-subtle);--tblr-list-group-border-color:var(--tblr-bitbucket-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-bitbucket-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-bitbucket-border-subtle);--tblr-list-group-active-color:var(--tblr-bitbucket-bg-subtle);--tblr-list-group-active-bg:var(--tblr-bitbucket-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-bitbucket-text-emphasis)}.list-group-item-tabler{--tblr-list-group-color:var(--tblr-tabler-text-emphasis);--tblr-list-group-bg:var(--tblr-tabler-bg-subtle);--tblr-list-group-border-color:var(--tblr-tabler-border-subtle);--tblr-list-group-action-hover-color:var(--tblr-emphasis-color);--tblr-list-group-action-hover-bg:var(--tblr-tabler-border-subtle);--tblr-list-group-action-active-color:var(--tblr-emphasis-color);--tblr-list-group-action-active-bg:var(--tblr-tabler-border-subtle);--tblr-list-group-active-color:var(--tblr-tabler-bg-subtle);--tblr-list-group-active-bg:var(--tblr-tabler-text-emphasis);--tblr-list-group-active-border-color:var(--tblr-tabler-text-emphasis)}.btn-close{--tblr-btn-close-color:#182433;--tblr-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23182433'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");--tblr-btn-close-opacity:0.4;--tblr-btn-close-hover-opacity:0.75;--tblr-btn-close-focus-shadow:0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);--tblr-btn-close-focus-opacity:1;--tblr-btn-close-disabled-opacity:0.25;--tblr-btn-close-white-filter:invert(1) grayscale(100%) brightness(200%);-webkit-box-sizing:content-box;box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--tblr-btn-close-color);background:transparent var(--tblr-btn-close-bg) center/1em auto no-repeat;border:0;border-radius:4px;opacity:var(--tblr-btn-close-opacity)}.btn-close:hover{color:var(--tblr-btn-close-color);text-decoration:none;opacity:var(--tblr-btn-close-hover-opacity)}.btn-close:focus{outline:0;-webkit-box-shadow:var(--tblr-btn-close-focus-shadow);box-shadow:var(--tblr-btn-close-focus-shadow);opacity:var(--tblr-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--tblr-btn-close-disabled-opacity)}.btn-close-white{-webkit-filter:var(--tblr-btn-close-white-filter);filter:var(--tblr-btn-close-white-filter)}[data-bs-theme=dark] .btn-close,body[data-bs-theme=dark] [data-bs-theme=light] .btn-close{-webkit-filter:var(--tblr-btn-close-white-filter);filter:var(--tblr-btn-close-white-filter)}.toast{--tblr-toast-zindex:1090;--tblr-toast-padding-x:0.75rem;--tblr-toast-padding-y:0.5rem;--tblr-toast-spacing:calc(var(--tblr-page-padding) * 2);--tblr-toast-max-width:350px;--tblr-toast-font-size:0.875rem;--tblr-toast-bg:var(--tblr-bg-surface);--tblr-toast-border-width:var(--tblr-border-width);--tblr-toast-border-color:var(--tblr-border-color);--tblr-toast-border-radius:var(--tblr-border-radius);--tblr-toast-box-shadow:var(--tblr-box-shadow);--tblr-toast-header-color:var(--tblr-gray-500);--tblr-toast-header-bg:rgba(var(--tblr-body-bg-rgb), 0.85);--tblr-toast-header-border-color:var(--tblr-border-color);width:var(--tblr-toast-max-width);max-width:100%;font-size:var(--tblr-toast-font-size);color:var(--tblr-toast-color);pointer-events:auto;background-color:var(--tblr-toast-bg);background-clip:padding-box;border:var(--tblr-toast-border-width) solid var(--tblr-toast-border-color);-webkit-box-shadow:var(--tblr-toast-box-shadow);box-shadow:var(--tblr-toast-box-shadow);border-radius:var(--tblr-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--tblr-toast-zindex:1090;position:absolute;z-index:var(--tblr-toast-zindex);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--tblr-toast-spacing)}.toast-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--tblr-toast-padding-y) var(--tblr-toast-padding-x);color:var(--tblr-toast-header-color);background-color:var(--tblr-toast-header-bg);background-clip:padding-box;border-bottom:var(--tblr-toast-border-width) solid var(--tblr-toast-header-border-color);border-top-left-radius:calc(var(--tblr-toast-border-radius) - var(--tblr-toast-border-width));border-top-right-radius:calc(var(--tblr-toast-border-radius) - var(--tblr-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--tblr-toast-padding-x));margin-left:var(--tblr-toast-padding-x)}.toast-body{padding:var(--tblr-toast-padding-x);word-wrap:break-word}.modal{--tblr-modal-zindex:1055;--tblr-modal-width:540px;--tblr-modal-padding:1.5rem;--tblr-modal-margin:0.5rem;--tblr-modal-bg:var(--tblr-bg-surface);--tblr-modal-border-color:transparent;--tblr-modal-border-width:var(--tblr-border-width);--tblr-modal-border-radius:var(--tblr-border-radius-lg);--tblr-modal-box-shadow:var(--tblr-box-shadow-sm);--tblr-modal-inner-border-radius:calc(var(--tblr-modal-border-radius) - 1px);--tblr-modal-header-padding-x:1.5rem;--tblr-modal-header-padding-y:1.5rem;--tblr-modal-header-padding:1.5rem;--tblr-modal-header-border-color:var(--tblr-border-color);--tblr-modal-header-border-width:var(--tblr-border-width);--tblr-modal-title-line-height:1.4285714286;--tblr-modal-footer-gap:0.75rem;--tblr-modal-footer-bg:var(--tblr-bg-surface-tertiary);--tblr-modal-footer-border-color:var(--tblr-border-color);--tblr-modal-footer-border-width:var(--tblr-border-width);position:fixed;top:0;left:0;z-index:var(--tblr-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--tblr-modal-margin);pointer-events:none}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out, -webkit-transform .3s ease-out;-webkit-transform:translate(0,-1rem);transform:translate(0,-1rem)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{-webkit-transition:none;transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--tblr-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:calc(100% - var(--tblr-modal-margin) * 2)}.modal-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;color:var(--tblr-modal-color);pointer-events:auto;background-color:var(--tblr-modal-bg);background-clip:padding-box;border:var(--tblr-modal-border-width) solid var(--tblr-modal-border-color);border-radius:var(--tblr-modal-border-radius);-webkit-box-shadow:var(--tblr-modal-box-shadow);box-shadow:var(--tblr-modal-box-shadow);outline:0}.modal-backdrop{--tblr-backdrop-zindex:1050;--tblr-backdrop-bg:#182433;--tblr-backdrop-opacity:0.24;position:fixed;top:0;left:0;z-index:var(--tblr-backdrop-zindex);width:100vw;height:100vh;background-color:var(--tblr-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--tblr-backdrop-opacity)}.modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--tblr-modal-header-padding);border-bottom:var(--tblr-modal-header-border-width) solid var(--tblr-modal-header-border-color);border-top-left-radius:var(--tblr-modal-inner-border-radius);border-top-right-radius:var(--tblr-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--tblr-modal-header-padding-y) * .5) calc(var(--tblr-modal-header-padding-x) * .5);margin:calc(-.5 * var(--tblr-modal-header-padding-y)) calc(-.5 * var(--tblr-modal-header-padding-x)) calc(-.5 * var(--tblr-modal-header-padding-y)) auto}.modal-title{margin-bottom:0;line-height:var(--tblr-modal-title-line-height)}.modal-body{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:var(--tblr-modal-padding)}.modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:calc(var(--tblr-modal-padding) - var(--tblr-modal-footer-gap) * .5);background-color:var(--tblr-modal-footer-bg);border-top:var(--tblr-modal-footer-border-width) solid var(--tblr-modal-footer-border-color);border-bottom-right-radius:var(--tblr-modal-inner-border-radius);border-bottom-left-radius:var(--tblr-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--tblr-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--tblr-modal-margin:1.75rem;--tblr-modal-box-shadow:var(--tblr-box-shadow)}.modal-dialog{max-width:var(--tblr-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--tblr-modal-width:380px}}@media (min-width:992px){.modal-lg,.modal-xl{--tblr-modal-width:720px}}@media (min-width:1200px){.modal-xl{--tblr-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--tblr-tooltip-zindex:1080;--tblr-tooltip-max-width:200px;--tblr-tooltip-padding-x:var(--tblr-spacer-2);--tblr-tooltip-padding-y:var(--tblr-spacer-2);--tblr-tooltip-font-size:0.765625rem;--tblr-tooltip-color:var(--tblr-light);--tblr-tooltip-bg:var(--tblr-bg-surface-dark);--tblr-tooltip-border-radius:var(--tblr-border-radius);--tblr-tooltip-opacity:0.9;--tblr-tooltip-arrow-width:0.8rem;--tblr-tooltip-arrow-height:0.4rem;z-index:var(--tblr-tooltip-zindex);display:block;margin:var(--tblr-tooltip-margin);font-family:var(--tblr-font-sans-serif);font-style:normal;font-weight:400;line-height:1.4285714286;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--tblr-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--tblr-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--tblr-tooltip-arrow-width);height:var(--tblr-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--tblr-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--tblr-tooltip-arrow-height) calc(var(--tblr-tooltip-arrow-width) * .5) 0;border-top-color:var(--tblr-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--tblr-tooltip-arrow-height));width:var(--tblr-tooltip-arrow-height);height:var(--tblr-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--tblr-tooltip-arrow-width) * .5) var(--tblr-tooltip-arrow-height) calc(var(--tblr-tooltip-arrow-width) * .5) 0;border-right-color:var(--tblr-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--tblr-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--tblr-tooltip-arrow-width) * .5) var(--tblr-tooltip-arrow-height);border-bottom-color:var(--tblr-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--tblr-tooltip-arrow-height));width:var(--tblr-tooltip-arrow-height);height:var(--tblr-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--tblr-tooltip-arrow-width) * .5) 0 calc(var(--tblr-tooltip-arrow-width) * .5) var(--tblr-tooltip-arrow-height);border-left-color:var(--tblr-tooltip-bg)}.tooltip-inner{max-width:var(--tblr-tooltip-max-width);padding:var(--tblr-tooltip-padding-y) var(--tblr-tooltip-padding-x);color:var(--tblr-tooltip-color);text-align:center;background-color:var(--tblr-tooltip-bg);border-radius:var(--tblr-tooltip-border-radius)}.popover{--tblr-popover-zindex:1070;--tblr-popover-max-width:276px;--tblr-popover-font-size:0.765625rem;--tblr-popover-bg:var(--tblr-bg-surface);--tblr-popover-border-width:var(--tblr-border-width);--tblr-popover-border-color:var(--tblr-border-color);--tblr-popover-border-radius:var(--tblr-border-radius-lg);--tblr-popover-inner-border-radius:calc(var(--tblr-border-radius-lg) - var(--tblr-border-width));--tblr-popover-box-shadow:var(--tblr-box-shadow);--tblr-popover-header-padding-x:1rem;--tblr-popover-header-padding-y:0.5rem;--tblr-popover-header-font-size:0.875rem;--tblr-popover-header-color:inherit;--tblr-popover-header-bg:transparent;--tblr-popover-body-padding-x:1rem;--tblr-popover-body-padding-y:1rem;--tblr-popover-body-color:inherit;--tblr-popover-arrow-width:1rem;--tblr-popover-arrow-height:0.5rem;--tblr-popover-arrow-border:var(--tblr-popover-border-color);z-index:var(--tblr-popover-zindex);display:block;max-width:var(--tblr-popover-max-width);font-family:var(--tblr-font-sans-serif);font-style:normal;font-weight:400;line-height:1.4285714286;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--tblr-popover-font-size);word-wrap:break-word;background-color:var(--tblr-popover-bg);background-clip:padding-box;border:var(--tblr-popover-border-width) solid var(--tblr-popover-border-color);border-radius:var(--tblr-popover-border-radius);-webkit-box-shadow:var(--tblr-popover-box-shadow);box-shadow:var(--tblr-popover-box-shadow)}.popover .popover-arrow{display:block;width:var(--tblr-popover-arrow-width);height:var(--tblr-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--tblr-popover-arrow-height) calc(var(--tblr-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--tblr-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--tblr-popover-border-width);border-top-color:var(--tblr-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width));width:var(--tblr-popover-arrow-height);height:var(--tblr-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--tblr-popover-arrow-width) * .5) var(--tblr-popover-arrow-height) calc(var(--tblr-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--tblr-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--tblr-popover-border-width);border-right-color:var(--tblr-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--tblr-popover-arrow-width) * .5) var(--tblr-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--tblr-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--tblr-popover-border-width);border-bottom-color:var(--tblr-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--tblr-popover-arrow-width);margin-left:calc(-.5 * var(--tblr-popover-arrow-width));content:"";border-bottom:var(--tblr-popover-border-width) solid var(--tblr-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width));width:var(--tblr-popover-arrow-height);height:var(--tblr-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--tblr-popover-arrow-width) * .5) 0 calc(var(--tblr-popover-arrow-width) * .5) var(--tblr-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--tblr-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--tblr-popover-border-width);border-left-color:var(--tblr-popover-bg)}.popover-header{padding:var(--tblr-popover-header-padding-y) var(--tblr-popover-header-padding-x);margin-bottom:0;font-size:var(--tblr-popover-header-font-size);color:var(--tblr-popover-header-color);background-color:var(--tblr-popover-header-bg);border-bottom:var(--tblr-popover-border-width) solid var(--tblr-popover-border-color);border-top-left-radius:var(--tblr-popover-inner-border-radius);border-top-right-radius:var(--tblr-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--tblr-popover-body-padding-y) var(--tblr-popover-body-padding-x);color:var(--tblr-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out, -webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{-webkit-transition:none;transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;-webkit-transition:opacity 0s .6s;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{-webkit-transition:none;transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{-webkit-transition:none;transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:1.5rem;height:1.5rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;-webkit-transition:opacity .6s ease;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{-webkit-transition:none;transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{-webkit-filter:invert(1) grayscale(100);filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}[data-bs-theme=dark] .carousel .carousel-control-next-icon,[data-bs-theme=dark] .carousel .carousel-control-prev-icon,[data-bs-theme=dark].carousel .carousel-control-next-icon,[data-bs-theme=dark].carousel .carousel-control-prev-icon{-webkit-filter:invert(1) grayscale(100);filter:invert(1) grayscale(100)}[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target]{background-color:#000}[data-bs-theme=dark] .carousel .carousel-caption,[data-bs-theme=dark].carousel .carousel-caption{color:#000}.spinner-border,.spinner-grow{display:inline-block;width:var(--tblr-spinner-width);height:var(--tblr-spinner-height);vertical-align:var(--tblr-spinner-vertical-align);border-radius:50%;-webkit-animation:var(--tblr-spinner-animation-speed) linear infinite var(--tblr-spinner-animation-name);animation:var(--tblr-spinner-animation-speed) linear infinite var(--tblr-spinner-animation-name)}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{--tblr-spinner-width:1.5rem;--tblr-spinner-height:1.5rem;--tblr-spinner-vertical-align:-0.125em;--tblr-spinner-border-width:2px;--tblr-spinner-animation-speed:0.75s;--tblr-spinner-animation-name:spinner-border;border:var(--tblr-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--tblr-spinner-width:1rem;--tblr-spinner-height:1rem;--tblr-spinner-border-width:1px}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}.spinner-grow{--tblr-spinner-width:1.5rem;--tblr-spinner-height:1.5rem;--tblr-spinner-vertical-align:-0.125em;--tblr-spinner-animation-speed:0.75s;--tblr-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--tblr-spinner-width:1rem;--tblr-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--tblr-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--tblr-offcanvas-zindex:1045;--tblr-offcanvas-width:400px;--tblr-offcanvas-height:30vh;--tblr-offcanvas-padding-x:1.5rem;--tblr-offcanvas-padding-y:1.5rem;--tblr-offcanvas-color:var(--tblr-body-color);--tblr-offcanvas-bg:var(--tblr-bg-surface);--tblr-offcanvas-border-width:var(--tblr-border-width);--tblr-offcanvas-border-color:var(--tblr-border-color);--tblr-offcanvas-box-shadow:var(--tblr-box-shadow-sm);--tblr-offcanvas-transition:transform 0.3s ease-in-out;--tblr-offcanvas-title-line-height:1.4285714286}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--tblr-offcanvas-zindex);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;color:var(--tblr-offcanvas-color);visibility:hidden;background-color:var(--tblr-offcanvas-bg);background-clip:padding-box;outline:0;-webkit-box-shadow:var(--tblr-offcanvas-box-shadow);box-shadow:var(--tblr-offcanvas-box-shadow);-webkit-transition:var(--tblr-offcanvas-transition);transition:var(--tblr-offcanvas-transition)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{-webkit-transition:none;transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--tblr-offcanvas-width);border-right:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--tblr-offcanvas-width);border-left:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateX(100%);transform:translateX(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--tblr-offcanvas-height);max-height:100%;border-bottom:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--tblr-offcanvas-height);max-height:100%;border-top:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{-webkit-transform:none;transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--tblr-offcanvas-height:auto;--tblr-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--tblr-offcanvas-zindex);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;color:var(--tblr-offcanvas-color);visibility:hidden;background-color:var(--tblr-offcanvas-bg);background-clip:padding-box;outline:0;-webkit-box-shadow:var(--tblr-offcanvas-box-shadow);box-shadow:var(--tblr-offcanvas-box-shadow);-webkit-transition:var(--tblr-offcanvas-transition);transition:var(--tblr-offcanvas-transition)}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{-webkit-transition:none;transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--tblr-offcanvas-width);border-right:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--tblr-offcanvas-width);border-left:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateX(100%);transform:translateX(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--tblr-offcanvas-height);max-height:100%;border-bottom:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--tblr-offcanvas-height);max-height:100%;border-top:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{-webkit-transform:none;transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--tblr-offcanvas-height:auto;--tblr-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--tblr-offcanvas-zindex);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;color:var(--tblr-offcanvas-color);visibility:hidden;background-color:var(--tblr-offcanvas-bg);background-clip:padding-box;outline:0;-webkit-box-shadow:var(--tblr-offcanvas-box-shadow);box-shadow:var(--tblr-offcanvas-box-shadow);-webkit-transition:var(--tblr-offcanvas-transition);transition:var(--tblr-offcanvas-transition)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{-webkit-transition:none;transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--tblr-offcanvas-width);border-right:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--tblr-offcanvas-width);border-left:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateX(100%);transform:translateX(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--tblr-offcanvas-height);max-height:100%;border-bottom:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--tblr-offcanvas-height);max-height:100%;border-top:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{-webkit-transform:none;transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--tblr-offcanvas-height:auto;--tblr-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--tblr-offcanvas-zindex);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;color:var(--tblr-offcanvas-color);visibility:hidden;background-color:var(--tblr-offcanvas-bg);background-clip:padding-box;outline:0;-webkit-box-shadow:var(--tblr-offcanvas-box-shadow);box-shadow:var(--tblr-offcanvas-box-shadow);-webkit-transition:var(--tblr-offcanvas-transition);transition:var(--tblr-offcanvas-transition)}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{-webkit-transition:none;transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--tblr-offcanvas-width);border-right:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--tblr-offcanvas-width);border-left:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateX(100%);transform:translateX(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--tblr-offcanvas-height);max-height:100%;border-bottom:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--tblr-offcanvas-height);max-height:100%;border-top:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{-webkit-transform:none;transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--tblr-offcanvas-height:auto;--tblr-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--tblr-offcanvas-zindex);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;color:var(--tblr-offcanvas-color);visibility:hidden;background-color:var(--tblr-offcanvas-bg);background-clip:padding-box;outline:0;-webkit-box-shadow:var(--tblr-offcanvas-box-shadow);box-shadow:var(--tblr-offcanvas-box-shadow);-webkit-transition:var(--tblr-offcanvas-transition);transition:var(--tblr-offcanvas-transition)}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{-webkit-transition:none;transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--tblr-offcanvas-width);border-right:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--tblr-offcanvas-width);border-left:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateX(100%);transform:translateX(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--tblr-offcanvas-height);max-height:100%;border-bottom:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--tblr-offcanvas-height);max-height:100%;border-top:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{-webkit-transform:none;transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--tblr-offcanvas-height:auto;--tblr-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--tblr-offcanvas-zindex);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;color:var(--tblr-offcanvas-color);visibility:hidden;background-color:var(--tblr-offcanvas-bg);background-clip:padding-box;outline:0;-webkit-box-shadow:var(--tblr-offcanvas-box-shadow);box-shadow:var(--tblr-offcanvas-box-shadow);-webkit-transition:var(--tblr-offcanvas-transition);transition:var(--tblr-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{-webkit-transition:none;transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--tblr-offcanvas-width);border-right:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--tblr-offcanvas-width);border-left:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateX(100%);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--tblr-offcanvas-height);max-height:100%;border-bottom:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--tblr-offcanvas-height);max-height:100%;border-top:var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);-webkit-transform:translateY(100%);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{-webkit-transform:none;transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#182433}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.24}.offcanvas-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--tblr-offcanvas-padding-y) var(--tblr-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--tblr-offcanvas-padding-y) * .5) calc(var(--tblr-offcanvas-padding-x) * .5);margin:calc(-.5 * var(--tblr-offcanvas-padding-y)) calc(-.5 * var(--tblr-offcanvas-padding-x)) calc(-.5 * var(--tblr-offcanvas-padding-y)) auto}.offcanvas-title{margin-bottom:0;line-height:var(--tblr-offcanvas-title-line-height)}.offcanvas-body{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:var(--tblr-offcanvas-padding-y) var(--tblr-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.2}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{-webkit-animation:placeholder-glow 2s ease-in-out infinite;animation:placeholder-glow 2s ease-in-out infinite}@-webkit-keyframes placeholder-glow{50%{opacity:.1}}@keyframes placeholder-glow{50%{opacity:.1}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,.9) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,.9) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-animation:placeholder-wave 2s linear infinite;animation:placeholder-wave 2s linear infinite}@-webkit-keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0;mask-position:-200% 0}}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0;mask-position:-200% 0}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#f6f8fb!important;background-color:RGBA(var(--tblr-primary-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-secondary{color:#f6f8fb!important;background-color:RGBA(var(--tblr-secondary-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-success{color:#f6f8fb!important;background-color:RGBA(var(--tblr-success-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-info{color:#f6f8fb!important;background-color:RGBA(var(--tblr-info-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-warning{color:#f6f8fb!important;background-color:RGBA(var(--tblr-warning-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-danger{color:#f6f8fb!important;background-color:RGBA(var(--tblr-danger-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-light{color:#182433!important;background-color:RGBA(var(--tblr-light-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-dark{color:#f6f8fb!important;background-color:RGBA(var(--tblr-dark-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-muted{color:#f6f8fb!important;background-color:RGBA(var(--tblr-muted-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-blue{color:#f6f8fb!important;background-color:RGBA(var(--tblr-blue-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-azure{color:#f6f8fb!important;background-color:RGBA(var(--tblr-azure-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-indigo{color:#f6f8fb!important;background-color:RGBA(var(--tblr-indigo-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-purple{color:#f6f8fb!important;background-color:RGBA(var(--tblr-purple-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-pink{color:#f6f8fb!important;background-color:RGBA(var(--tblr-pink-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-red{color:#f6f8fb!important;background-color:RGBA(var(--tblr-red-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-orange{color:#f6f8fb!important;background-color:RGBA(var(--tblr-orange-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-yellow{color:#f6f8fb!important;background-color:RGBA(var(--tblr-yellow-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-lime{color:#f6f8fb!important;background-color:RGBA(var(--tblr-lime-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-green{color:#f6f8fb!important;background-color:RGBA(var(--tblr-green-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-teal{color:#f6f8fb!important;background-color:RGBA(var(--tblr-teal-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-cyan{color:#f6f8fb!important;background-color:RGBA(var(--tblr-cyan-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-x{color:#f6f8fb!important;background-color:RGBA(var(--tblr-x-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-facebook{color:#f6f8fb!important;background-color:RGBA(var(--tblr-facebook-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-twitter{color:#f6f8fb!important;background-color:RGBA(var(--tblr-twitter-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-linkedin{color:#f6f8fb!important;background-color:RGBA(var(--tblr-linkedin-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-google{color:#f6f8fb!important;background-color:RGBA(var(--tblr-google-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-youtube{color:#f6f8fb!important;background-color:RGBA(var(--tblr-youtube-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-vimeo{color:#f6f8fb!important;background-color:RGBA(var(--tblr-vimeo-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-dribbble{color:#f6f8fb!important;background-color:RGBA(var(--tblr-dribbble-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-github{color:#f6f8fb!important;background-color:RGBA(var(--tblr-github-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-instagram{color:#f6f8fb!important;background-color:RGBA(var(--tblr-instagram-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-pinterest{color:#f6f8fb!important;background-color:RGBA(var(--tblr-pinterest-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-vk{color:#f6f8fb!important;background-color:RGBA(var(--tblr-vk-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-rss{color:#f6f8fb!important;background-color:RGBA(var(--tblr-rss-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-flickr{color:#f6f8fb!important;background-color:RGBA(var(--tblr-flickr-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-bitbucket{color:#f6f8fb!important;background-color:RGBA(var(--tblr-bitbucket-rgb),var(--tblr-bg-opacity,1))!important}.text-bg-tabler{color:#f6f8fb!important;background-color:RGBA(var(--tblr-tabler-rgb),var(--tblr-bg-opacity,1))!important}.link-primary{color:RGBA(var(--tblr-primary-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-primary-rgb),var(--tblr-link-underline-opacity,1))!important}.link-primary:focus,.link-primary:hover{color:RGBA(5,89,167,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(5,89,167,var(--tblr-link-underline-opacity,1))!important}.link-secondary{color:RGBA(var(--tblr-secondary-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-secondary-rgb),var(--tblr-link-underline-opacity,1))!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,98,116,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(86,98,116,var(--tblr-link-underline-opacity,1))!important}.link-success{color:RGBA(var(--tblr-success-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-success-rgb),var(--tblr-link-underline-opacity,1))!important}.link-success:focus,.link-success:hover{color:RGBA(38,143,54,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(38,143,54,var(--tblr-link-underline-opacity,1))!important}.link-info{color:RGBA(var(--tblr-info-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-info-rgb),var(--tblr-link-underline-opacity,1))!important}.link-info:focus,.link-info:hover{color:RGBA(53,122,180,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(53,122,180,var(--tblr-link-underline-opacity,1))!important}.link-warning{color:RGBA(var(--tblr-warning-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-warning-rgb),var(--tblr-link-underline-opacity,1))!important}.link-warning:focus,.link-warning:hover{color:RGBA(198,82,6,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(198,82,6,var(--tblr-link-underline-opacity,1))!important}.link-danger{color:RGBA(var(--tblr-danger-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-danger-rgb),var(--tblr-link-underline-opacity,1))!important}.link-danger:focus,.link-danger:hover{color:RGBA(171,46,46,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(171,46,46,var(--tblr-link-underline-opacity,1))!important}.link-light{color:RGBA(var(--tblr-light-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-light-rgb),var(--tblr-link-underline-opacity,1))!important}.link-light:focus,.link-light:hover{color:RGBA(248,249,252,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(248,249,252,var(--tblr-link-underline-opacity,1))!important}.link-dark{color:RGBA(var(--tblr-dark-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-dark-rgb),var(--tblr-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(19,29,41,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(19,29,41,var(--tblr-link-underline-opacity,1))!important}.link-muted{color:RGBA(var(--tblr-muted-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-muted-rgb),var(--tblr-link-underline-opacity,1))!important}.link-muted:focus,.link-muted:hover{color:RGBA(86,98,116,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(86,98,116,var(--tblr-link-underline-opacity,1))!important}.link-blue{color:RGBA(var(--tblr-blue-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-blue-rgb),var(--tblr-link-underline-opacity,1))!important}.link-blue:focus,.link-blue:hover{color:RGBA(5,89,167,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(5,89,167,var(--tblr-link-underline-opacity,1))!important}.link-azure{color:RGBA(var(--tblr-azure-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-azure-rgb),var(--tblr-link-underline-opacity,1))!important}.link-azure:focus,.link-azure:hover{color:RGBA(53,122,180,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(53,122,180,var(--tblr-link-underline-opacity,1))!important}.link-indigo{color:RGBA(var(--tblr-indigo-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-indigo-rgb),var(--tblr-link-underline-opacity,1))!important}.link-indigo:focus,.link-indigo:hover{color:RGBA(53,79,188,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(53,79,188,var(--tblr-link-underline-opacity,1))!important}.link-purple{color:RGBA(var(--tblr-purple-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-purple-rgb),var(--tblr-link-underline-opacity,1))!important}.link-purple:focus,.link-purple:hover{color:RGBA(139,50,161,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(139,50,161,var(--tblr-link-underline-opacity,1))!important}.link-pink{color:RGBA(var(--tblr-pink-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-pink-rgb),var(--tblr-link-underline-opacity,1))!important}.link-pink:focus,.link-pink:hover{color:RGBA(171,41,86,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(171,41,86,var(--tblr-link-underline-opacity,1))!important}.link-red{color:RGBA(var(--tblr-red-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-red-rgb),var(--tblr-link-underline-opacity,1))!important}.link-red:focus,.link-red:hover{color:RGBA(171,46,46,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(171,46,46,var(--tblr-link-underline-opacity,1))!important}.link-orange{color:RGBA(var(--tblr-orange-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-orange-rgb),var(--tblr-link-underline-opacity,1))!important}.link-orange:focus,.link-orange:hover{color:RGBA(198,82,6,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(198,82,6,var(--tblr-link-underline-opacity,1))!important}.link-yellow{color:RGBA(var(--tblr-yellow-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-yellow-rgb),var(--tblr-link-underline-opacity,1))!important}.link-yellow:focus,.link-yellow:hover{color:RGBA(196,127,0,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(196,127,0,var(--tblr-link-underline-opacity,1))!important}.link-lime{color:RGBA(var(--tblr-lime-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-lime-rgb),var(--tblr-link-underline-opacity,1))!important}.link-lime:focus,.link-lime:hover{color:RGBA(93,147,18,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(93,147,18,var(--tblr-link-underline-opacity,1))!important}.link-green{color:RGBA(var(--tblr-green-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-green-rgb),var(--tblr-link-underline-opacity,1))!important}.link-green:focus,.link-green:hover{color:RGBA(38,143,54,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(38,143,54,var(--tblr-link-underline-opacity,1))!important}.link-teal{color:RGBA(var(--tblr-teal-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-teal-rgb),var(--tblr-link-underline-opacity,1))!important}.link-teal:focus,.link-teal:hover{color:RGBA(10,133,96,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(10,133,96,var(--tblr-link-underline-opacity,1))!important}.link-cyan{color:RGBA(var(--tblr-cyan-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-cyan-rgb),var(--tblr-link-underline-opacity,1))!important}.link-cyan:focus,.link-cyan:hover{color:RGBA(18,130,147,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(18,130,147,var(--tblr-link-underline-opacity,1))!important}.link-x{color:RGBA(var(--tblr-x-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-x-rgb),var(--tblr-link-underline-opacity,1))!important}.link-x:focus,.link-x:hover{color:RGBA(0,0,0,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(0,0,0,var(--tblr-link-underline-opacity,1))!important}.link-facebook{color:RGBA(var(--tblr-facebook-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-facebook-rgb),var(--tblr-link-underline-opacity,1))!important}.link-facebook:focus,.link-facebook:hover{color:RGBA(19,95,194,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(19,95,194,var(--tblr-link-underline-opacity,1))!important}.link-twitter{color:RGBA(var(--tblr-twitter-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-twitter-rgb),var(--tblr-link-underline-opacity,1))!important}.link-twitter:focus,.link-twitter:hover{color:RGBA(23,129,194,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(23,129,194,var(--tblr-link-underline-opacity,1))!important}.link-linkedin{color:RGBA(var(--tblr-linkedin-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-linkedin-rgb),var(--tblr-link-underline-opacity,1))!important}.link-linkedin:focus,.link-linkedin:hover{color:RGBA(8,82,155,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(8,82,155,var(--tblr-link-underline-opacity,1))!important}.link-google{color:RGBA(var(--tblr-google-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-google-rgb),var(--tblr-link-underline-opacity,1))!important}.link-google:focus,.link-google:hover{color:RGBA(176,62,52,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(176,62,52,var(--tblr-link-underline-opacity,1))!important}.link-youtube{color:RGBA(var(--tblr-youtube-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-youtube-rgb),var(--tblr-link-underline-opacity,1))!important}.link-youtube:focus,.link-youtube:hover{color:RGBA(204,0,0,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(204,0,0,var(--tblr-link-underline-opacity,1))!important}.link-vimeo{color:RGBA(var(--tblr-vimeo-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-vimeo-rgb),var(--tblr-link-underline-opacity,1))!important}.link-vimeo:focus,.link-vimeo:hover{color:RGBA(21,146,187,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(21,146,187,var(--tblr-link-underline-opacity,1))!important}.link-dribbble{color:RGBA(var(--tblr-dribbble-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-dribbble-rgb),var(--tblr-link-underline-opacity,1))!important}.link-dribbble:focus,.link-dribbble:hover{color:RGBA(187,61,110,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(187,61,110,var(--tblr-link-underline-opacity,1))!important}.link-github{color:RGBA(var(--tblr-github-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-github-rgb),var(--tblr-link-underline-opacity,1))!important}.link-github:focus,.link-github:hover{color:RGBA(19,18,18,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(19,18,18,var(--tblr-link-underline-opacity,1))!important}.link-instagram{color:RGBA(var(--tblr-instagram-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-instagram-rgb),var(--tblr-link-underline-opacity,1))!important}.link-instagram:focus,.link-instagram:hover{color:RGBA(182,51,76,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(182,51,76,var(--tblr-link-underline-opacity,1))!important}.link-pinterest{color:RGBA(var(--tblr-pinterest-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-pinterest-rgb),var(--tblr-link-underline-opacity,1))!important}.link-pinterest:focus,.link-pinterest:hover{color:RGBA(151,6,22,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(151,6,22,var(--tblr-link-underline-opacity,1))!important}.link-vk{color:RGBA(var(--tblr-vk-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-vk-rgb),var(--tblr-link-underline-opacity,1))!important}.link-vk:focus,.link-vk:hover{color:RGBA(79,105,134,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(79,105,134,var(--tblr-link-underline-opacity,1))!important}.link-rss{color:RGBA(var(--tblr-rss-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-rss-rgb),var(--tblr-link-underline-opacity,1))!important}.link-rss:focus,.link-rss:hover{color:RGBA(204,132,0,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(204,132,0,var(--tblr-link-underline-opacity,1))!important}.link-flickr{color:RGBA(var(--tblr-flickr-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-flickr-rgb),var(--tblr-link-underline-opacity,1))!important}.link-flickr:focus,.link-flickr:hover{color:RGBA(0,79,176,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(0,79,176,var(--tblr-link-underline-opacity,1))!important}.link-bitbucket{color:RGBA(var(--tblr-bitbucket-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-bitbucket-rgb),var(--tblr-link-underline-opacity,1))!important}.link-bitbucket:focus,.link-bitbucket:hover{color:RGBA(0,66,163,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(0,66,163,var(--tblr-link-underline-opacity,1))!important}.link-tabler{color:RGBA(var(--tblr-tabler-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-tabler-rgb),var(--tblr-link-underline-opacity,1))!important}.link-tabler:focus,.link-tabler:hover{color:RGBA(5,89,167,var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(5,89,167,var(--tblr-link-underline-opacity,1))!important}.link-body-emphasis{color:RGBA(var(--tblr-emphasis-color-rgb),var(--tblr-link-opacity,1))!important;text-decoration-color:RGBA(var(--tblr-emphasis-color-rgb),var(--tblr-link-underline-opacity,1))!important}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(var(--tblr-emphasis-color-rgb),var(--tblr-link-opacity,.75))!important;text-decoration-color:RGBA(var(--tblr-emphasis-color-rgb),var(--tblr-link-underline-opacity,.75))!important}.focus-ring:focus{outline:0;-webkit-box-shadow:var(--tblr-focus-ring-x,0) var(--tblr-focus-ring-y,0) var(--tblr-focus-ring-blur,0) var(--tblr-focus-ring-width) var(--tblr-focus-ring-color);box-shadow:var(--tblr-focus-ring-x,0) var(--tblr-focus-ring-y,0) var(--tblr-focus-ring-blur,0) var(--tblr-focus-ring-width) var(--tblr-focus-ring-color)}.icon-link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:.375rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration-color:rgba(var(--tblr-link-color-rgb),var(--tblr-link-opacity,.5));text-underline-offset:.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.icon-link>.bi{-ms-flex-negative:0;flex-shrink:0;width:1em;height:1em;fill:currentcolor;-webkit-transition:.2s ease-in-out transform;transition:.2s ease-in-out transform}@media (prefers-reduced-motion:reduce){.icon-link>.bi{-webkit-transition:none;transition:none}}.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{-webkit-transform:var(--tblr-icon-link-transform,translate3d(.25em,0,0));transform:var(--tblr-icon-link-transform,translate3d(.25em,0,0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--tblr-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--tblr-aspect-ratio:100%}.ratio-2x1{--tblr-aspect-ratio:50%}.ratio-1x2{--tblr-aspect-ratio:200%}.ratio-3x1{--tblr-aspect-ratio:33.3333333333%}.ratio-1x3{--tblr-aspect-ratio:300%}.ratio-4x1{--tblr-aspect-ratio:25%}.ratio-1x4{--tblr-aspect-ratio:400%}.ratio-4x3{--tblr-aspect-ratio:75%}.ratio-3x4{--tblr-aspect-ratio:133.3333333333%}.ratio-16x9{--tblr-aspect-ratio:56.25%}.ratio-9x16{--tblr-aspect-ratio:177.7777777778%}.ratio-21x9{--tblr-aspect-ratio:42.8571428571%}.ratio-9x21{--tblr-aspect-ratio:233.3333333333%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch}.vstack{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:stretch;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;-ms-flex-item-align:stretch;align-self:stretch;width:var(--tblr-border-width);min-height:1em;background-color:currentcolor;opacity:.16}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.object-fit-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-none{-o-object-fit:none!important;object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.d-none{display:none!important}.shadow{-webkit-box-shadow:var(--tblr-box-shadow)!important;box-shadow:var(--tblr-box-shadow)!important}.shadow-sm{-webkit-box-shadow:var(--tblr-box-shadow-sm)!important;box-shadow:var(--tblr-box-shadow-sm)!important}.shadow-lg{-webkit-box-shadow:var(--tblr-box-shadow-lg)!important;box-shadow:var(--tblr-box-shadow-lg)!important}.shadow-none{-webkit-box-shadow:none!important;box-shadow:none!important}.focus-ring-primary{--tblr-focus-ring-color:rgba(var(--tblr-primary-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-secondary{--tblr-focus-ring-color:rgba(var(--tblr-secondary-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-success{--tblr-focus-ring-color:rgba(var(--tblr-success-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-info{--tblr-focus-ring-color:rgba(var(--tblr-info-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-warning{--tblr-focus-ring-color:rgba(var(--tblr-warning-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-danger{--tblr-focus-ring-color:rgba(var(--tblr-danger-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-light{--tblr-focus-ring-color:rgba(var(--tblr-light-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-dark{--tblr-focus-ring-color:rgba(var(--tblr-dark-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-muted{--tblr-focus-ring-color:rgba(var(--tblr-muted-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-blue{--tblr-focus-ring-color:rgba(var(--tblr-blue-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-azure{--tblr-focus-ring-color:rgba(var(--tblr-azure-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-indigo{--tblr-focus-ring-color:rgba(var(--tblr-indigo-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-purple{--tblr-focus-ring-color:rgba(var(--tblr-purple-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-pink{--tblr-focus-ring-color:rgba(var(--tblr-pink-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-red{--tblr-focus-ring-color:rgba(var(--tblr-red-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-orange{--tblr-focus-ring-color:rgba(var(--tblr-orange-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-yellow{--tblr-focus-ring-color:rgba(var(--tblr-yellow-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-lime{--tblr-focus-ring-color:rgba(var(--tblr-lime-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-green{--tblr-focus-ring-color:rgba(var(--tblr-green-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-teal{--tblr-focus-ring-color:rgba(var(--tblr-teal-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-cyan{--tblr-focus-ring-color:rgba(var(--tblr-cyan-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-x{--tblr-focus-ring-color:rgba(var(--tblr-x-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-facebook{--tblr-focus-ring-color:rgba(var(--tblr-facebook-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-twitter{--tblr-focus-ring-color:rgba(var(--tblr-twitter-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-linkedin{--tblr-focus-ring-color:rgba(var(--tblr-linkedin-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-google{--tblr-focus-ring-color:rgba(var(--tblr-google-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-youtube{--tblr-focus-ring-color:rgba(var(--tblr-youtube-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-vimeo{--tblr-focus-ring-color:rgba(var(--tblr-vimeo-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-dribbble{--tblr-focus-ring-color:rgba(var(--tblr-dribbble-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-github{--tblr-focus-ring-color:rgba(var(--tblr-github-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-instagram{--tblr-focus-ring-color:rgba(var(--tblr-instagram-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-pinterest{--tblr-focus-ring-color:rgba(var(--tblr-pinterest-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-vk{--tblr-focus-ring-color:rgba(var(--tblr-vk-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-rss{--tblr-focus-ring-color:rgba(var(--tblr-rss-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-flickr{--tblr-focus-ring-color:rgba(var(--tblr-flickr-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-bitbucket{--tblr-focus-ring-color:rgba(var(--tblr-bitbucket-rgb), var(--tblr-focus-ring-opacity))}.focus-ring-tabler{--tblr-focus-ring-color:rgba(var(--tblr-tabler-rgb), var(--tblr-focus-ring-opacity))}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}.translate-middle-x{-webkit-transform:translateX(-50%)!important;transform:translateX(-50%)!important}.translate-middle-y{-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important}.border{border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.border-wide{border:2px var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.border-0{border:0!important}.border-top{border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.border-top-wide{border-top:2px var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.border-end-wide{border-right:2px var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.border-bottom-wide{border-bottom:2px var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.border-start-wide{border-left:2px var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.border-start-0{border-left:0!important}.border-red{--tblr-border-opacity:1;border-color:rgba(var(--tblr-red-rgb),var(--tblr-border-opacity))!important}.border-green{--tblr-border-opacity:1;border-color:rgba(var(--tblr-green-rgb),var(--tblr-border-opacity))!important}.border-primary-subtle{border-color:var(--tblr-primary-border-subtle)!important}.border-secondary-subtle{border-color:var(--tblr-secondary-border-subtle)!important}.border-success-subtle{border-color:var(--tblr-success-border-subtle)!important}.border-info-subtle{border-color:var(--tblr-info-border-subtle)!important}.border-warning-subtle{border-color:var(--tblr-warning-border-subtle)!important}.border-danger-subtle{border-color:var(--tblr-danger-border-subtle)!important}.border-light-subtle{border-color:var(--tblr-light-border-subtle)!important}.border-dark-subtle{border-color:var(--tblr-dark-border-subtle)!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-opacity-10{--tblr-border-opacity:0.1}.border-opacity-25{--tblr-border-opacity:0.25}.border-opacity-50{--tblr-border-opacity:0.5}.border-opacity-75{--tblr-border-opacity:0.75}.border-opacity-100{--tblr-border-opacity:1}.w-0{width:0!important}.w-1{width:.25rem!important}.w-2{width:.5rem!important}.w-3{width:1rem!important}.w-4{width:1.5rem!important}.w-5{width:2rem!important}.w-6{width:2.5rem!important}.w-25{width:25%!important}.w-33{width:33.33333%!important}.w-50{width:50%!important}.w-66{width:66.66666%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-0{height:0!important}.h-1{height:.25rem!important}.h-2{height:.5rem!important}.h-3{height:1rem!important}.h-4{height:1.5rem!important}.h-5{height:2rem!important}.h-6{height:2.5rem!important}.h-25{height:25%!important}.h-33{height:33.33333%!important}.h-50{height:50%!important}.h-66{height:66.66666%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{-webkit-box-flex:1!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-grow-0{-webkit-box-flex:0!important;-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-webkit-box-flex:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.justify-content-evenly{-webkit-box-pack:space-evenly!important;-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.align-items-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.order-first{-webkit-box-ordinal-group:0!important;-ms-flex-order:-1!important;order:-1!important}.order-0{-webkit-box-ordinal-group:1!important;-ms-flex-order:0!important;order:0!important}.order-1{-webkit-box-ordinal-group:2!important;-ms-flex-order:1!important;order:1!important}.order-2{-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important}.order-3{-webkit-box-ordinal-group:4!important;-ms-flex-order:3!important;order:3!important}.order-4{-webkit-box-ordinal-group:5!important;-ms-flex-order:4!important;order:4!important}.order-5{-webkit-box-ordinal-group:6!important;-ms-flex-order:5!important;order:5!important}.order-last{-webkit-box-ordinal-group:7!important;-ms-flex-order:6!important;order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:2rem!important}.m-6{margin:2.5rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:2rem!important;margin-left:2rem!important}.mx-6{margin-right:2.5rem!important;margin-left:2.5rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:2rem!important;margin-bottom:2rem!important}.my-6{margin-top:2.5rem!important;margin-bottom:2.5rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:2rem!important}.mt-6{margin-top:2.5rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:2rem!important}.me-6{margin-right:2.5rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:2rem!important}.mb-6{margin-bottom:2.5rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:2rem!important}.ms-6{margin-left:2.5rem!important}.ms-auto{margin-left:auto!important}.m-n1{margin:-.25rem!important}.m-n2{margin:-.5rem!important}.m-n3{margin:-1rem!important}.m-n4{margin:-1.5rem!important}.m-n5{margin:-2rem!important}.m-n6{margin:-2.5rem!important}.mx-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-n4{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-n5{margin-right:-2rem!important;margin-left:-2rem!important}.mx-n6{margin-right:-2.5rem!important;margin-left:-2.5rem!important}.my-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-n4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-n5{margin-top:-2rem!important;margin-bottom:-2rem!important}.my-n6{margin-top:-2.5rem!important;margin-bottom:-2.5rem!important}.mt-n1{margin-top:-.25rem!important}.mt-n2{margin-top:-.5rem!important}.mt-n3{margin-top:-1rem!important}.mt-n4{margin-top:-1.5rem!important}.mt-n5{margin-top:-2rem!important}.mt-n6{margin-top:-2.5rem!important}.me-n1{margin-right:-.25rem!important}.me-n2{margin-right:-.5rem!important}.me-n3{margin-right:-1rem!important}.me-n4{margin-right:-1.5rem!important}.me-n5{margin-right:-2rem!important}.me-n6{margin-right:-2.5rem!important}.mb-n1{margin-bottom:-.25rem!important}.mb-n2{margin-bottom:-.5rem!important}.mb-n3{margin-bottom:-1rem!important}.mb-n4{margin-bottom:-1.5rem!important}.mb-n5{margin-bottom:-2rem!important}.mb-n6{margin-bottom:-2.5rem!important}.ms-n1{margin-left:-.25rem!important}.ms-n2{margin-left:-.5rem!important}.ms-n3{margin-left:-1rem!important}.ms-n4{margin-left:-1.5rem!important}.ms-n5{margin-left:-2rem!important}.ms-n6{margin-left:-2.5rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:2rem!important}.p-6{padding:2.5rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:2rem!important;padding-left:2rem!important}.px-6{padding-right:2.5rem!important;padding-left:2.5rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:2rem!important;padding-bottom:2rem!important}.py-6{padding-top:2.5rem!important;padding-bottom:2.5rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:2rem!important}.pt-6{padding-top:2.5rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:2rem!important}.pe-6{padding-right:2.5rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:2rem!important}.pb-6{padding-bottom:2.5rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:2rem!important}.ps-6{padding-left:2.5rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:2rem!important}.gap-6{gap:2.5rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:2rem!important}.row-gap-6{row-gap:2.5rem!important}.column-gap-0{-moz-column-gap:0!important;-webkit-column-gap:0!important;column-gap:0!important}.column-gap-1{-moz-column-gap:.25rem!important;-webkit-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-2{-moz-column-gap:.5rem!important;-webkit-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-3{-moz-column-gap:1rem!important;-webkit-column-gap:1rem!important;column-gap:1rem!important}.column-gap-4{-moz-column-gap:1.5rem!important;-webkit-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-5{-moz-column-gap:2rem!important;-webkit-column-gap:2rem!important;column-gap:2rem!important}.column-gap-6{-moz-column-gap:2.5rem!important;-webkit-column-gap:2.5rem!important;column-gap:2.5rem!important}.font-monospace{font-family:var(--tblr-font-monospace)!important}.fs-1{font-size:1.5rem!important}.fs-2{font-size:1.25rem!important}.fs-3{font-size:1rem!important}.fs-4{font-size:.875rem!important}.fs-5{font-size:.75rem!important}.fs-6{font-size:.625rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:600!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.1428571429!important}.lh-base{line-height:1.4285714286!important}.lh-lg{line-height:1.7142857143!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--tblr-text-opacity:1;color:rgba(var(--tblr-primary-rgb),var(--tblr-text-opacity))!important}.text-secondary{--tblr-text-opacity:1;color:rgba(var(--tblr-secondary-rgb),var(--tblr-text-opacity))!important}.text-success{--tblr-text-opacity:1;color:rgba(var(--tblr-success-rgb),var(--tblr-text-opacity))!important}.text-info{--tblr-text-opacity:1;color:rgba(var(--tblr-info-rgb),var(--tblr-text-opacity))!important}.text-warning{--tblr-text-opacity:1;color:rgba(var(--tblr-warning-rgb),var(--tblr-text-opacity))!important}.text-danger{--tblr-text-opacity:1;color:rgba(var(--tblr-danger-rgb),var(--tblr-text-opacity))!important}.text-light{--tblr-text-opacity:1;color:rgba(var(--tblr-light-rgb),var(--tblr-text-opacity))!important}.text-dark{--tblr-text-opacity:1;color:rgba(var(--tblr-dark-rgb),var(--tblr-text-opacity))!important}.text-muted{--tblr-text-opacity:1;color:var(--tblr-secondary-color)!important}.text-blue{--tblr-text-opacity:1;color:rgba(var(--tblr-blue-rgb),var(--tblr-text-opacity))!important}.text-azure{--tblr-text-opacity:1;color:rgba(var(--tblr-azure-rgb),var(--tblr-text-opacity))!important}.text-indigo{--tblr-text-opacity:1;color:rgba(var(--tblr-indigo-rgb),var(--tblr-text-opacity))!important}.text-purple{--tblr-text-opacity:1;color:rgba(var(--tblr-purple-rgb),var(--tblr-text-opacity))!important}.text-pink{--tblr-text-opacity:1;color:rgba(var(--tblr-pink-rgb),var(--tblr-text-opacity))!important}.text-red{--tblr-text-opacity:1;color:rgba(var(--tblr-red-rgb),var(--tblr-text-opacity))!important}.text-orange{--tblr-text-opacity:1;color:rgba(var(--tblr-orange-rgb),var(--tblr-text-opacity))!important}.text-yellow{--tblr-text-opacity:1;color:rgba(var(--tblr-yellow-rgb),var(--tblr-text-opacity))!important}.text-lime{--tblr-text-opacity:1;color:rgba(var(--tblr-lime-rgb),var(--tblr-text-opacity))!important}.text-green{--tblr-text-opacity:1;color:rgba(var(--tblr-green-rgb),var(--tblr-text-opacity))!important}.text-teal{--tblr-text-opacity:1;color:rgba(var(--tblr-teal-rgb),var(--tblr-text-opacity))!important}.text-cyan{--tblr-text-opacity:1;color:rgba(var(--tblr-cyan-rgb),var(--tblr-text-opacity))!important}.text-x{--tblr-text-opacity:1;color:rgba(var(--tblr-x-rgb),var(--tblr-text-opacity))!important}.text-facebook{--tblr-text-opacity:1;color:rgba(var(--tblr-facebook-rgb),var(--tblr-text-opacity))!important}.text-twitter{--tblr-text-opacity:1;color:rgba(var(--tblr-twitter-rgb),var(--tblr-text-opacity))!important}.text-linkedin{--tblr-text-opacity:1;color:rgba(var(--tblr-linkedin-rgb),var(--tblr-text-opacity))!important}.text-google{--tblr-text-opacity:1;color:rgba(var(--tblr-google-rgb),var(--tblr-text-opacity))!important}.text-youtube{--tblr-text-opacity:1;color:rgba(var(--tblr-youtube-rgb),var(--tblr-text-opacity))!important}.text-vimeo{--tblr-text-opacity:1;color:rgba(var(--tblr-vimeo-rgb),var(--tblr-text-opacity))!important}.text-dribbble{--tblr-text-opacity:1;color:rgba(var(--tblr-dribbble-rgb),var(--tblr-text-opacity))!important}.text-github{--tblr-text-opacity:1;color:rgba(var(--tblr-github-rgb),var(--tblr-text-opacity))!important}.text-instagram{--tblr-text-opacity:1;color:rgba(var(--tblr-instagram-rgb),var(--tblr-text-opacity))!important}.text-pinterest{--tblr-text-opacity:1;color:rgba(var(--tblr-pinterest-rgb),var(--tblr-text-opacity))!important}.text-vk{--tblr-text-opacity:1;color:rgba(var(--tblr-vk-rgb),var(--tblr-text-opacity))!important}.text-rss{--tblr-text-opacity:1;color:rgba(var(--tblr-rss-rgb),var(--tblr-text-opacity))!important}.text-flickr{--tblr-text-opacity:1;color:rgba(var(--tblr-flickr-rgb),var(--tblr-text-opacity))!important}.text-bitbucket{--tblr-text-opacity:1;color:rgba(var(--tblr-bitbucket-rgb),var(--tblr-text-opacity))!important}.text-tabler{--tblr-text-opacity:1;color:rgba(var(--tblr-tabler-rgb),var(--tblr-text-opacity))!important}.text-black{--tblr-text-opacity:1;color:rgba(var(--tblr-black-rgb),var(--tblr-text-opacity))!important}.text-white{--tblr-text-opacity:1;color:rgba(var(--tblr-white-rgb),var(--tblr-text-opacity))!important}.text-body{--tblr-text-opacity:1;color:rgba(var(--tblr-body-color-rgb),var(--tblr-text-opacity))!important}.text-black-50{--tblr-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--tblr-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-body-secondary{--tblr-text-opacity:1;color:var(--tblr-secondary-color)!important}.text-body-tertiary{--tblr-text-opacity:1;color:var(--tblr-tertiary-color)!important}.text-body-emphasis{--tblr-text-opacity:1;color:var(--tblr-emphasis-color)!important}.text-reset{--tblr-text-opacity:1;color:inherit!important}.text-opacity-25{--tblr-text-opacity:0.25}.text-opacity-50{--tblr-text-opacity:0.5}.text-opacity-75{--tblr-text-opacity:0.75}.text-opacity-100{--tblr-text-opacity:1}.text-primary-emphasis{color:var(--tblr-primary-text-emphasis)!important}.text-secondary-emphasis{color:var(--tblr-secondary-text-emphasis)!important}.text-success-emphasis{color:var(--tblr-success-text-emphasis)!important}.text-info-emphasis{color:var(--tblr-info-text-emphasis)!important}.text-warning-emphasis{color:var(--tblr-warning-text-emphasis)!important}.text-danger-emphasis{color:var(--tblr-danger-text-emphasis)!important}.text-light-emphasis{color:var(--tblr-light-text-emphasis)!important}.text-dark-emphasis{color:var(--tblr-dark-text-emphasis)!important}.link-opacity-10{--tblr-link-opacity:0.1}.link-opacity-10-hover:hover{--tblr-link-opacity:0.1}.link-opacity-25{--tblr-link-opacity:0.25}.link-opacity-25-hover:hover{--tblr-link-opacity:0.25}.link-opacity-50{--tblr-link-opacity:0.5}.link-opacity-50-hover:hover{--tblr-link-opacity:0.5}.link-opacity-75{--tblr-link-opacity:0.75}.link-opacity-75-hover:hover{--tblr-link-opacity:0.75}.link-opacity-100{--tblr-link-opacity:1}.link-opacity-100-hover:hover{--tblr-link-opacity:1}.link-offset-1{text-underline-offset:.125em!important}.link-offset-1-hover:hover{text-underline-offset:.125em!important}.link-offset-2{text-underline-offset:.25em!important}.link-offset-2-hover:hover{text-underline-offset:.25em!important}.link-offset-3{text-underline-offset:.375em!important}.link-offset-3-hover:hover{text-underline-offset:.375em!important}.link-underline-primary{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-primary-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-secondary{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-secondary-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-success{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-success-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-info{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-info-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-warning{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-warning-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-danger{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-danger-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-light{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-light-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-dark{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-dark-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-muted{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-muted-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-blue{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-blue-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-azure{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-azure-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-indigo{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-indigo-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-purple{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-purple-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-pink{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-pink-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-red{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-red-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-orange{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-orange-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-yellow{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-yellow-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-lime{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-lime-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-green{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-green-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-teal{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-teal-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-cyan{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-cyan-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-x{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-x-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-facebook{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-facebook-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-twitter{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-twitter-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-linkedin{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-linkedin-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-google{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-google-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-youtube{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-youtube-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-vimeo{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-vimeo-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-dribbble{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-dribbble-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-github{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-github-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-instagram{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-instagram-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-pinterest{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-pinterest-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-vk{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-vk-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-rss{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-rss-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-flickr{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-flickr-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-bitbucket{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-bitbucket-rgb),var(--tblr-link-underline-opacity))!important}.link-underline-tabler{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-tabler-rgb),var(--tblr-link-underline-opacity))!important}.link-underline{--tblr-link-underline-opacity:1;text-decoration-color:rgba(var(--tblr-link-color-rgb),var(--tblr-link-underline-opacity,1))!important}.link-underline-opacity-0{--tblr-link-underline-opacity:0}.link-underline-opacity-0-hover:hover{--tblr-link-underline-opacity:0}.link-underline-opacity-10{--tblr-link-underline-opacity:0.1}.link-underline-opacity-10-hover:hover{--tblr-link-underline-opacity:0.1}.link-underline-opacity-25{--tblr-link-underline-opacity:0.25}.link-underline-opacity-25-hover:hover{--tblr-link-underline-opacity:0.25}.link-underline-opacity-50{--tblr-link-underline-opacity:0.5}.link-underline-opacity-50-hover:hover{--tblr-link-underline-opacity:0.5}.link-underline-opacity-75{--tblr-link-underline-opacity:0.75}.link-underline-opacity-75-hover:hover{--tblr-link-underline-opacity:0.75}.link-underline-opacity-100{--tblr-link-underline-opacity:1}.link-underline-opacity-100-hover:hover{--tblr-link-underline-opacity:1}.bg-primary{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-primary-rgb),var(--tblr-bg-opacity))!important}.bg-secondary{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-secondary-rgb),var(--tblr-bg-opacity))!important}.bg-success{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-success-rgb),var(--tblr-bg-opacity))!important}.bg-info{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-info-rgb),var(--tblr-bg-opacity))!important}.bg-warning{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-warning-rgb),var(--tblr-bg-opacity))!important}.bg-danger{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-danger-rgb),var(--tblr-bg-opacity))!important}.bg-light{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-light-rgb),var(--tblr-bg-opacity))!important}.bg-dark{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-dark-rgb),var(--tblr-bg-opacity))!important}.bg-muted{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-muted-rgb),var(--tblr-bg-opacity))!important}.bg-blue{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-blue-rgb),var(--tblr-bg-opacity))!important}.bg-azure{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-azure-rgb),var(--tblr-bg-opacity))!important}.bg-indigo{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-indigo-rgb),var(--tblr-bg-opacity))!important}.bg-purple{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-purple-rgb),var(--tblr-bg-opacity))!important}.bg-pink{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-pink-rgb),var(--tblr-bg-opacity))!important}.bg-red{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-red-rgb),var(--tblr-bg-opacity))!important}.bg-orange{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-orange-rgb),var(--tblr-bg-opacity))!important}.bg-yellow{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-yellow-rgb),var(--tblr-bg-opacity))!important}.bg-lime{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-lime-rgb),var(--tblr-bg-opacity))!important}.bg-green{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-green-rgb),var(--tblr-bg-opacity))!important}.bg-teal{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-teal-rgb),var(--tblr-bg-opacity))!important}.bg-cyan{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-cyan-rgb),var(--tblr-bg-opacity))!important}.bg-x{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-x-rgb),var(--tblr-bg-opacity))!important}.bg-facebook{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-facebook-rgb),var(--tblr-bg-opacity))!important}.bg-twitter{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-twitter-rgb),var(--tblr-bg-opacity))!important}.bg-linkedin{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-linkedin-rgb),var(--tblr-bg-opacity))!important}.bg-google{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-google-rgb),var(--tblr-bg-opacity))!important}.bg-youtube{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-youtube-rgb),var(--tblr-bg-opacity))!important}.bg-vimeo{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-vimeo-rgb),var(--tblr-bg-opacity))!important}.bg-dribbble{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-dribbble-rgb),var(--tblr-bg-opacity))!important}.bg-github{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-github-rgb),var(--tblr-bg-opacity))!important}.bg-instagram{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-instagram-rgb),var(--tblr-bg-opacity))!important}.bg-pinterest{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-pinterest-rgb),var(--tblr-bg-opacity))!important}.bg-vk{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-vk-rgb),var(--tblr-bg-opacity))!important}.bg-rss{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-rss-rgb),var(--tblr-bg-opacity))!important}.bg-flickr{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-flickr-rgb),var(--tblr-bg-opacity))!important}.bg-bitbucket{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-bitbucket-rgb),var(--tblr-bg-opacity))!important}.bg-tabler{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-tabler-rgb),var(--tblr-bg-opacity))!important}.bg-black{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-black-rgb),var(--tblr-bg-opacity))!important}.bg-white{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-white-rgb),var(--tblr-bg-opacity))!important}.bg-body{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-body-bg-rgb),var(--tblr-bg-opacity))!important}.bg-transparent{--tblr-bg-opacity:1;background-color:transparent!important}.bg-body-secondary{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-secondary-bg-rgb),var(--tblr-bg-opacity))!important}.bg-body-tertiary{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-tertiary-bg-rgb),var(--tblr-bg-opacity))!important}.bg-opacity-10{--tblr-bg-opacity:0.1}.bg-opacity-25{--tblr-bg-opacity:0.25}.bg-opacity-50{--tblr-bg-opacity:0.5}.bg-opacity-75{--tblr-bg-opacity:0.75}.bg-opacity-100{--tblr-bg-opacity:1}.bg-primary-subtle{background-color:var(--tblr-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:var(--tblr-secondary-bg-subtle)!important}.bg-success-subtle{background-color:var(--tblr-success-bg-subtle)!important}.bg-info-subtle{background-color:var(--tblr-info-bg-subtle)!important}.bg-warning-subtle{background-color:var(--tblr-warning-bg-subtle)!important}.bg-danger-subtle{background-color:var(--tblr-danger-bg-subtle)!important}.bg-light-subtle{background-color:var(--tblr-light-bg-subtle)!important}.bg-dark-subtle{background-color:var(--tblr-dark-bg-subtle)!important}.bg-gradient{background-image:var(--tblr-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:var(--tblr-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--tblr-border-radius-sm)!important}.rounded-2{border-radius:var(--tblr-border-radius)!important}.rounded-3{border-radius:var(--tblr-border-radius-lg)!important}.rounded-4{border-radius:var(--tblr-border-radius-xl)!important}.rounded-5{border-radius:var(--tblr-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--tblr-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--tblr-border-radius)!important;border-top-right-radius:var(--tblr-border-radius)!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:var(--tblr-border-radius-sm)!important;border-top-right-radius:var(--tblr-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:var(--tblr-border-radius)!important;border-top-right-radius:var(--tblr-border-radius)!important}.rounded-top-3{border-top-left-radius:var(--tblr-border-radius-lg)!important;border-top-right-radius:var(--tblr-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:var(--tblr-border-radius-xl)!important;border-top-right-radius:var(--tblr-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:var(--tblr-border-radius-xxl)!important;border-top-right-radius:var(--tblr-border-radius-xxl)!important}.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.rounded-top-pill{border-top-left-radius:var(--tblr-border-radius-pill)!important;border-top-right-radius:var(--tblr-border-radius-pill)!important}.rounded-end{border-top-right-radius:var(--tblr-border-radius)!important;border-bottom-right-radius:var(--tblr-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:var(--tblr-border-radius-sm)!important;border-bottom-right-radius:var(--tblr-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:var(--tblr-border-radius)!important;border-bottom-right-radius:var(--tblr-border-radius)!important}.rounded-end-3{border-top-right-radius:var(--tblr-border-radius-lg)!important;border-bottom-right-radius:var(--tblr-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:var(--tblr-border-radius-xl)!important;border-bottom-right-radius:var(--tblr-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:var(--tblr-border-radius-xxl)!important;border-bottom-right-radius:var(--tblr-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:var(--tblr-border-radius-pill)!important;border-bottom-right-radius:var(--tblr-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:var(--tblr-border-radius)!important;border-bottom-left-radius:var(--tblr-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:var(--tblr-border-radius-sm)!important;border-bottom-left-radius:var(--tblr-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:var(--tblr-border-radius)!important;border-bottom-left-radius:var(--tblr-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:var(--tblr-border-radius-lg)!important;border-bottom-left-radius:var(--tblr-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:var(--tblr-border-radius-xl)!important;border-bottom-left-radius:var(--tblr-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:var(--tblr-border-radius-xxl)!important;border-bottom-left-radius:var(--tblr-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:var(--tblr-border-radius-pill)!important;border-bottom-left-radius:var(--tblr-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:var(--tblr-border-radius)!important;border-top-left-radius:var(--tblr-border-radius)!important}.rounded-start-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-start-1{border-bottom-left-radius:var(--tblr-border-radius-sm)!important;border-top-left-radius:var(--tblr-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:var(--tblr-border-radius)!important;border-top-left-radius:var(--tblr-border-radius)!important}.rounded-start-3{border-bottom-left-radius:var(--tblr-border-radius-lg)!important;border-top-left-radius:var(--tblr-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:var(--tblr-border-radius-xl)!important;border-top-left-radius:var(--tblr-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:var(--tblr-border-radius-xxl)!important;border-top-left-radius:var(--tblr-border-radius-xxl)!important}.rounded-start-circle{border-bottom-left-radius:50%!important;border-top-left-radius:50%!important}.rounded-start-pill{border-bottom-left-radius:var(--tblr-border-radius-pill)!important;border-top-left-radius:var(--tblr-border-radius-pill)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-n1{z-index:-1!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}.object-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-scale-down{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-none{-o-object-fit:none!important;object-fit:none!important}.cursor-auto{cursor:auto!important}.cursor-pointer{cursor:pointer!important}.cursor-move{cursor:move!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-zoom-in{cursor:-webkit-zoom-in!important;cursor:zoom-in!important}.cursor-zoom-out{cursor:-webkit-zoom-out!important;cursor:zoom-out!important}.cursor-default{cursor:default!important}.cursor-none{cursor:none!important}.cursor-help{cursor:help!important}.cursor-progress{cursor:progress!important}.cursor-wait{cursor:wait!important}.cursor-text{cursor:text!important}.cursor-v-text{cursor:vertical-text!important}.cursor-grab{cursor:-webkit-grab!important;cursor:grab!important}.cursor-grabbing{cursor:-webkit-grabbing!important;cursor:grabbing!important}.border-x{border-left:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important;border-right:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.border-x-wide{border-left:2px var(--tblr-border-style) var(--tblr-border-color-translucent)!important;border-right:2px var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.border-x-0{border-left:0!important;border-right:0!important}.border-y{border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important;border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.border-y-wide{border-top:2px var(--tblr-border-style) var(--tblr-border-color-translucent)!important;border-bottom:2px var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.border-y-0{border-top:0!important;border-bottom:0!important}.columns-2{-moz-columns:2!important;-webkit-columns:2!important;columns:2!important}.columns-3{-moz-columns:3!important;-webkit-columns:3!important;columns:3!important}.columns-4{-moz-columns:4!important;-webkit-columns:4!important;columns:4!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-sm-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-sm-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-sm-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-sm-none{-o-object-fit:none!important;object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{-webkit-box-flex:1!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-grow-0{-webkit-box-flex:0!important;-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-webkit-box-flex:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-sm-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.justify-content-sm-evenly{-webkit-box-pack:space-evenly!important;-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.align-items-sm-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.order-sm-first{-webkit-box-ordinal-group:0!important;-ms-flex-order:-1!important;order:-1!important}.order-sm-0{-webkit-box-ordinal-group:1!important;-ms-flex-order:0!important;order:0!important}.order-sm-1{-webkit-box-ordinal-group:2!important;-ms-flex-order:1!important;order:1!important}.order-sm-2{-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important}.order-sm-3{-webkit-box-ordinal-group:4!important;-ms-flex-order:3!important;order:3!important}.order-sm-4{-webkit-box-ordinal-group:5!important;-ms-flex-order:4!important;order:4!important}.order-sm-5{-webkit-box-ordinal-group:6!important;-ms-flex-order:5!important;order:5!important}.order-sm-last{-webkit-box-ordinal-group:7!important;-ms-flex-order:6!important;order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:2rem!important}.m-sm-6{margin:2.5rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:2rem!important;margin-left:2rem!important}.mx-sm-6{margin-right:2.5rem!important;margin-left:2.5rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:2rem!important;margin-bottom:2rem!important}.my-sm-6{margin-top:2.5rem!important;margin-bottom:2.5rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:2rem!important}.mt-sm-6{margin-top:2.5rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:2rem!important}.me-sm-6{margin-right:2.5rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:2rem!important}.mb-sm-6{margin-bottom:2.5rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:2rem!important}.ms-sm-6{margin-left:2.5rem!important}.ms-sm-auto{margin-left:auto!important}.m-sm-n1{margin:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.m-sm-n3{margin:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.m-sm-n5{margin:-2rem!important}.m-sm-n6{margin:-2.5rem!important}.mx-sm-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-sm-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-sm-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-sm-n4{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-sm-n5{margin-right:-2rem!important;margin-left:-2rem!important}.mx-sm-n6{margin-right:-2.5rem!important;margin-left:-2.5rem!important}.my-sm-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-sm-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-sm-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-sm-n4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-sm-n5{margin-top:-2rem!important;margin-bottom:-2rem!important}.my-sm-n6{margin-top:-2.5rem!important;margin-bottom:-2.5rem!important}.mt-sm-n1{margin-top:-.25rem!important}.mt-sm-n2{margin-top:-.5rem!important}.mt-sm-n3{margin-top:-1rem!important}.mt-sm-n4{margin-top:-1.5rem!important}.mt-sm-n5{margin-top:-2rem!important}.mt-sm-n6{margin-top:-2.5rem!important}.me-sm-n1{margin-right:-.25rem!important}.me-sm-n2{margin-right:-.5rem!important}.me-sm-n3{margin-right:-1rem!important}.me-sm-n4{margin-right:-1.5rem!important}.me-sm-n5{margin-right:-2rem!important}.me-sm-n6{margin-right:-2.5rem!important}.mb-sm-n1{margin-bottom:-.25rem!important}.mb-sm-n2{margin-bottom:-.5rem!important}.mb-sm-n3{margin-bottom:-1rem!important}.mb-sm-n4{margin-bottom:-1.5rem!important}.mb-sm-n5{margin-bottom:-2rem!important}.mb-sm-n6{margin-bottom:-2.5rem!important}.ms-sm-n1{margin-left:-.25rem!important}.ms-sm-n2{margin-left:-.5rem!important}.ms-sm-n3{margin-left:-1rem!important}.ms-sm-n4{margin-left:-1.5rem!important}.ms-sm-n5{margin-left:-2rem!important}.ms-sm-n6{margin-left:-2.5rem!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:2rem!important}.p-sm-6{padding:2.5rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:2rem!important;padding-left:2rem!important}.px-sm-6{padding-right:2.5rem!important;padding-left:2.5rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:2rem!important;padding-bottom:2rem!important}.py-sm-6{padding-top:2.5rem!important;padding-bottom:2.5rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:2rem!important}.pt-sm-6{padding-top:2.5rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:2rem!important}.pe-sm-6{padding-right:2.5rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:2rem!important}.pb-sm-6{padding-bottom:2.5rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:2rem!important}.ps-sm-6{padding-left:2.5rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:2rem!important}.gap-sm-6{gap:2.5rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:2rem!important}.row-gap-sm-6{row-gap:2.5rem!important}.column-gap-sm-0{-moz-column-gap:0!important;-webkit-column-gap:0!important;column-gap:0!important}.column-gap-sm-1{-moz-column-gap:.25rem!important;-webkit-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-sm-2{-moz-column-gap:.5rem!important;-webkit-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-sm-3{-moz-column-gap:1rem!important;-webkit-column-gap:1rem!important;column-gap:1rem!important}.column-gap-sm-4{-moz-column-gap:1.5rem!important;-webkit-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-sm-5{-moz-column-gap:2rem!important;-webkit-column-gap:2rem!important;column-gap:2rem!important}.column-gap-sm-6{-moz-column-gap:2.5rem!important;-webkit-column-gap:2.5rem!important;column-gap:2.5rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}.columns-sm-2{-moz-columns:2!important;-webkit-columns:2!important;columns:2!important}.columns-sm-3{-moz-columns:3!important;-webkit-columns:3!important;columns:3!important}.columns-sm-4{-moz-columns:4!important;-webkit-columns:4!important;columns:4!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-md-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-md-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-md-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-md-none{-o-object-fit:none!important;object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{-webkit-box-flex:1!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-grow-0{-webkit-box-flex:0!important;-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-webkit-box-flex:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-md-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.justify-content-md-evenly{-webkit-box-pack:space-evenly!important;-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.align-items-md-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.order-md-first{-webkit-box-ordinal-group:0!important;-ms-flex-order:-1!important;order:-1!important}.order-md-0{-webkit-box-ordinal-group:1!important;-ms-flex-order:0!important;order:0!important}.order-md-1{-webkit-box-ordinal-group:2!important;-ms-flex-order:1!important;order:1!important}.order-md-2{-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important}.order-md-3{-webkit-box-ordinal-group:4!important;-ms-flex-order:3!important;order:3!important}.order-md-4{-webkit-box-ordinal-group:5!important;-ms-flex-order:4!important;order:4!important}.order-md-5{-webkit-box-ordinal-group:6!important;-ms-flex-order:5!important;order:5!important}.order-md-last{-webkit-box-ordinal-group:7!important;-ms-flex-order:6!important;order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:2rem!important}.m-md-6{margin:2.5rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:2rem!important;margin-left:2rem!important}.mx-md-6{margin-right:2.5rem!important;margin-left:2.5rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:2rem!important;margin-bottom:2rem!important}.my-md-6{margin-top:2.5rem!important;margin-bottom:2.5rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:2rem!important}.mt-md-6{margin-top:2.5rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:2rem!important}.me-md-6{margin-right:2.5rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:2rem!important}.mb-md-6{margin-bottom:2.5rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:2rem!important}.ms-md-6{margin-left:2.5rem!important}.ms-md-auto{margin-left:auto!important}.m-md-n1{margin:-.25rem!important}.m-md-n2{margin:-.5rem!important}.m-md-n3{margin:-1rem!important}.m-md-n4{margin:-1.5rem!important}.m-md-n5{margin:-2rem!important}.m-md-n6{margin:-2.5rem!important}.mx-md-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-md-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-md-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-md-n4{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-md-n5{margin-right:-2rem!important;margin-left:-2rem!important}.mx-md-n6{margin-right:-2.5rem!important;margin-left:-2.5rem!important}.my-md-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-md-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-md-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-md-n4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-md-n5{margin-top:-2rem!important;margin-bottom:-2rem!important}.my-md-n6{margin-top:-2.5rem!important;margin-bottom:-2.5rem!important}.mt-md-n1{margin-top:-.25rem!important}.mt-md-n2{margin-top:-.5rem!important}.mt-md-n3{margin-top:-1rem!important}.mt-md-n4{margin-top:-1.5rem!important}.mt-md-n5{margin-top:-2rem!important}.mt-md-n6{margin-top:-2.5rem!important}.me-md-n1{margin-right:-.25rem!important}.me-md-n2{margin-right:-.5rem!important}.me-md-n3{margin-right:-1rem!important}.me-md-n4{margin-right:-1.5rem!important}.me-md-n5{margin-right:-2rem!important}.me-md-n6{margin-right:-2.5rem!important}.mb-md-n1{margin-bottom:-.25rem!important}.mb-md-n2{margin-bottom:-.5rem!important}.mb-md-n3{margin-bottom:-1rem!important}.mb-md-n4{margin-bottom:-1.5rem!important}.mb-md-n5{margin-bottom:-2rem!important}.mb-md-n6{margin-bottom:-2.5rem!important}.ms-md-n1{margin-left:-.25rem!important}.ms-md-n2{margin-left:-.5rem!important}.ms-md-n3{margin-left:-1rem!important}.ms-md-n4{margin-left:-1.5rem!important}.ms-md-n5{margin-left:-2rem!important}.ms-md-n6{margin-left:-2.5rem!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:2rem!important}.p-md-6{padding:2.5rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:2rem!important;padding-left:2rem!important}.px-md-6{padding-right:2.5rem!important;padding-left:2.5rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:2rem!important;padding-bottom:2rem!important}.py-md-6{padding-top:2.5rem!important;padding-bottom:2.5rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:2rem!important}.pt-md-6{padding-top:2.5rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:2rem!important}.pe-md-6{padding-right:2.5rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:2rem!important}.pb-md-6{padding-bottom:2.5rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:2rem!important}.ps-md-6{padding-left:2.5rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:2rem!important}.gap-md-6{gap:2.5rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:2rem!important}.row-gap-md-6{row-gap:2.5rem!important}.column-gap-md-0{-moz-column-gap:0!important;-webkit-column-gap:0!important;column-gap:0!important}.column-gap-md-1{-moz-column-gap:.25rem!important;-webkit-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-md-2{-moz-column-gap:.5rem!important;-webkit-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-md-3{-moz-column-gap:1rem!important;-webkit-column-gap:1rem!important;column-gap:1rem!important}.column-gap-md-4{-moz-column-gap:1.5rem!important;-webkit-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-md-5{-moz-column-gap:2rem!important;-webkit-column-gap:2rem!important;column-gap:2rem!important}.column-gap-md-6{-moz-column-gap:2.5rem!important;-webkit-column-gap:2.5rem!important;column-gap:2.5rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}.columns-md-2{-moz-columns:2!important;-webkit-columns:2!important;columns:2!important}.columns-md-3{-moz-columns:3!important;-webkit-columns:3!important;columns:3!important}.columns-md-4{-moz-columns:4!important;-webkit-columns:4!important;columns:4!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-lg-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-lg-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-lg-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-lg-none{-o-object-fit:none!important;object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{-webkit-box-flex:1!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-grow-0{-webkit-box-flex:0!important;-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-webkit-box-flex:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-lg-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.justify-content-lg-evenly{-webkit-box-pack:space-evenly!important;-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.align-items-lg-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.order-lg-first{-webkit-box-ordinal-group:0!important;-ms-flex-order:-1!important;order:-1!important}.order-lg-0{-webkit-box-ordinal-group:1!important;-ms-flex-order:0!important;order:0!important}.order-lg-1{-webkit-box-ordinal-group:2!important;-ms-flex-order:1!important;order:1!important}.order-lg-2{-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important}.order-lg-3{-webkit-box-ordinal-group:4!important;-ms-flex-order:3!important;order:3!important}.order-lg-4{-webkit-box-ordinal-group:5!important;-ms-flex-order:4!important;order:4!important}.order-lg-5{-webkit-box-ordinal-group:6!important;-ms-flex-order:5!important;order:5!important}.order-lg-last{-webkit-box-ordinal-group:7!important;-ms-flex-order:6!important;order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:2rem!important}.m-lg-6{margin:2.5rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:2rem!important;margin-left:2rem!important}.mx-lg-6{margin-right:2.5rem!important;margin-left:2.5rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:2rem!important;margin-bottom:2rem!important}.my-lg-6{margin-top:2.5rem!important;margin-bottom:2.5rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:2rem!important}.mt-lg-6{margin-top:2.5rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:2rem!important}.me-lg-6{margin-right:2.5rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:2rem!important}.mb-lg-6{margin-bottom:2.5rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:2rem!important}.ms-lg-6{margin-left:2.5rem!important}.ms-lg-auto{margin-left:auto!important}.m-lg-n1{margin:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.m-lg-n3{margin:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.m-lg-n5{margin:-2rem!important}.m-lg-n6{margin:-2.5rem!important}.mx-lg-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-lg-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-lg-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-lg-n4{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-lg-n5{margin-right:-2rem!important;margin-left:-2rem!important}.mx-lg-n6{margin-right:-2.5rem!important;margin-left:-2.5rem!important}.my-lg-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-lg-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-lg-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-lg-n4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-lg-n5{margin-top:-2rem!important;margin-bottom:-2rem!important}.my-lg-n6{margin-top:-2.5rem!important;margin-bottom:-2.5rem!important}.mt-lg-n1{margin-top:-.25rem!important}.mt-lg-n2{margin-top:-.5rem!important}.mt-lg-n3{margin-top:-1rem!important}.mt-lg-n4{margin-top:-1.5rem!important}.mt-lg-n5{margin-top:-2rem!important}.mt-lg-n6{margin-top:-2.5rem!important}.me-lg-n1{margin-right:-.25rem!important}.me-lg-n2{margin-right:-.5rem!important}.me-lg-n3{margin-right:-1rem!important}.me-lg-n4{margin-right:-1.5rem!important}.me-lg-n5{margin-right:-2rem!important}.me-lg-n6{margin-right:-2.5rem!important}.mb-lg-n1{margin-bottom:-.25rem!important}.mb-lg-n2{margin-bottom:-.5rem!important}.mb-lg-n3{margin-bottom:-1rem!important}.mb-lg-n4{margin-bottom:-1.5rem!important}.mb-lg-n5{margin-bottom:-2rem!important}.mb-lg-n6{margin-bottom:-2.5rem!important}.ms-lg-n1{margin-left:-.25rem!important}.ms-lg-n2{margin-left:-.5rem!important}.ms-lg-n3{margin-left:-1rem!important}.ms-lg-n4{margin-left:-1.5rem!important}.ms-lg-n5{margin-left:-2rem!important}.ms-lg-n6{margin-left:-2.5rem!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:2rem!important}.p-lg-6{padding:2.5rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:2rem!important;padding-left:2rem!important}.px-lg-6{padding-right:2.5rem!important;padding-left:2.5rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:2rem!important;padding-bottom:2rem!important}.py-lg-6{padding-top:2.5rem!important;padding-bottom:2.5rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:2rem!important}.pt-lg-6{padding-top:2.5rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:2rem!important}.pe-lg-6{padding-right:2.5rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:2rem!important}.pb-lg-6{padding-bottom:2.5rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:2rem!important}.ps-lg-6{padding-left:2.5rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:2rem!important}.gap-lg-6{gap:2.5rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:2rem!important}.row-gap-lg-6{row-gap:2.5rem!important}.column-gap-lg-0{-moz-column-gap:0!important;-webkit-column-gap:0!important;column-gap:0!important}.column-gap-lg-1{-moz-column-gap:.25rem!important;-webkit-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-lg-2{-moz-column-gap:.5rem!important;-webkit-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-lg-3{-moz-column-gap:1rem!important;-webkit-column-gap:1rem!important;column-gap:1rem!important}.column-gap-lg-4{-moz-column-gap:1.5rem!important;-webkit-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-lg-5{-moz-column-gap:2rem!important;-webkit-column-gap:2rem!important;column-gap:2rem!important}.column-gap-lg-6{-moz-column-gap:2.5rem!important;-webkit-column-gap:2.5rem!important;column-gap:2.5rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}.columns-lg-2{-moz-columns:2!important;-webkit-columns:2!important;columns:2!important}.columns-lg-3{-moz-columns:3!important;-webkit-columns:3!important;columns:3!important}.columns-lg-4{-moz-columns:4!important;-webkit-columns:4!important;columns:4!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xl-none{-o-object-fit:none!important;object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{-webkit-box-flex:1!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-grow-0{-webkit-box-flex:0!important;-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-webkit-box-flex:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-xl-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.justify-content-xl-evenly{-webkit-box-pack:space-evenly!important;-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.align-items-xl-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.order-xl-first{-webkit-box-ordinal-group:0!important;-ms-flex-order:-1!important;order:-1!important}.order-xl-0{-webkit-box-ordinal-group:1!important;-ms-flex-order:0!important;order:0!important}.order-xl-1{-webkit-box-ordinal-group:2!important;-ms-flex-order:1!important;order:1!important}.order-xl-2{-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important}.order-xl-3{-webkit-box-ordinal-group:4!important;-ms-flex-order:3!important;order:3!important}.order-xl-4{-webkit-box-ordinal-group:5!important;-ms-flex-order:4!important;order:4!important}.order-xl-5{-webkit-box-ordinal-group:6!important;-ms-flex-order:5!important;order:5!important}.order-xl-last{-webkit-box-ordinal-group:7!important;-ms-flex-order:6!important;order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:2rem!important}.m-xl-6{margin:2.5rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:2rem!important;margin-left:2rem!important}.mx-xl-6{margin-right:2.5rem!important;margin-left:2.5rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:2rem!important;margin-bottom:2rem!important}.my-xl-6{margin-top:2.5rem!important;margin-bottom:2.5rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:2rem!important}.mt-xl-6{margin-top:2.5rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:2rem!important}.me-xl-6{margin-right:2.5rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:2rem!important}.mb-xl-6{margin-bottom:2.5rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:2rem!important}.ms-xl-6{margin-left:2.5rem!important}.ms-xl-auto{margin-left:auto!important}.m-xl-n1{margin:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.m-xl-n3{margin:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.m-xl-n5{margin:-2rem!important}.m-xl-n6{margin:-2.5rem!important}.mx-xl-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-xl-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-xl-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-xl-n4{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-xl-n5{margin-right:-2rem!important;margin-left:-2rem!important}.mx-xl-n6{margin-right:-2.5rem!important;margin-left:-2.5rem!important}.my-xl-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-xl-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-xl-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-xl-n4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-xl-n5{margin-top:-2rem!important;margin-bottom:-2rem!important}.my-xl-n6{margin-top:-2.5rem!important;margin-bottom:-2.5rem!important}.mt-xl-n1{margin-top:-.25rem!important}.mt-xl-n2{margin-top:-.5rem!important}.mt-xl-n3{margin-top:-1rem!important}.mt-xl-n4{margin-top:-1.5rem!important}.mt-xl-n5{margin-top:-2rem!important}.mt-xl-n6{margin-top:-2.5rem!important}.me-xl-n1{margin-right:-.25rem!important}.me-xl-n2{margin-right:-.5rem!important}.me-xl-n3{margin-right:-1rem!important}.me-xl-n4{margin-right:-1.5rem!important}.me-xl-n5{margin-right:-2rem!important}.me-xl-n6{margin-right:-2.5rem!important}.mb-xl-n1{margin-bottom:-.25rem!important}.mb-xl-n2{margin-bottom:-.5rem!important}.mb-xl-n3{margin-bottom:-1rem!important}.mb-xl-n4{margin-bottom:-1.5rem!important}.mb-xl-n5{margin-bottom:-2rem!important}.mb-xl-n6{margin-bottom:-2.5rem!important}.ms-xl-n1{margin-left:-.25rem!important}.ms-xl-n2{margin-left:-.5rem!important}.ms-xl-n3{margin-left:-1rem!important}.ms-xl-n4{margin-left:-1.5rem!important}.ms-xl-n5{margin-left:-2rem!important}.ms-xl-n6{margin-left:-2.5rem!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:2rem!important}.p-xl-6{padding:2.5rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:2rem!important;padding-left:2rem!important}.px-xl-6{padding-right:2.5rem!important;padding-left:2.5rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:2rem!important;padding-bottom:2rem!important}.py-xl-6{padding-top:2.5rem!important;padding-bottom:2.5rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:2rem!important}.pt-xl-6{padding-top:2.5rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:2rem!important}.pe-xl-6{padding-right:2.5rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:2rem!important}.pb-xl-6{padding-bottom:2.5rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:2rem!important}.ps-xl-6{padding-left:2.5rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:2rem!important}.gap-xl-6{gap:2.5rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:2rem!important}.row-gap-xl-6{row-gap:2.5rem!important}.column-gap-xl-0{-moz-column-gap:0!important;-webkit-column-gap:0!important;column-gap:0!important}.column-gap-xl-1{-moz-column-gap:.25rem!important;-webkit-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-xl-2{-moz-column-gap:.5rem!important;-webkit-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-xl-3{-moz-column-gap:1rem!important;-webkit-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xl-4{-moz-column-gap:1.5rem!important;-webkit-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xl-5{-moz-column-gap:2rem!important;-webkit-column-gap:2rem!important;column-gap:2rem!important}.column-gap-xl-6{-moz-column-gap:2.5rem!important;-webkit-column-gap:2.5rem!important;column-gap:2.5rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}.columns-xl-2{-moz-columns:2!important;-webkit-columns:2!important;columns:2!important}.columns-xl-3{-moz-columns:3!important;-webkit-columns:3!important;columns:3!important}.columns-xl-4{-moz-columns:4!important;-webkit-columns:4!important;columns:4!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xxl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xxl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xxl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xxl-none{-o-object-fit:none!important;object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-xxl-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{-webkit-box-flex:1!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xxl-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-xxl-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-xxl-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xxl-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xxl-grow-0{-webkit-box-flex:0!important;-ms-flex-positive:0!important;flex-grow:0!important}.flex-xxl-grow-1{-webkit-box-flex:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.flex-xxl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xxl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.flex-xxl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xxl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-xxl-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xxl-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xxl-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xxl-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xxl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.justify-content-xxl-evenly{-webkit-box-pack:space-evenly!important;-ms-flex-pack:space-evenly!important;justify-content:space-evenly!important}.align-items-xxl-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xxl-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xxl-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-xxl-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xxl-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xxl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xxl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xxl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xxl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xxl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xxl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xxl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xxl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xxl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xxl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xxl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xxl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}.order-xxl-first{-webkit-box-ordinal-group:0!important;-ms-flex-order:-1!important;order:-1!important}.order-xxl-0{-webkit-box-ordinal-group:1!important;-ms-flex-order:0!important;order:0!important}.order-xxl-1{-webkit-box-ordinal-group:2!important;-ms-flex-order:1!important;order:1!important}.order-xxl-2{-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important}.order-xxl-3{-webkit-box-ordinal-group:4!important;-ms-flex-order:3!important;order:3!important}.order-xxl-4{-webkit-box-ordinal-group:5!important;-ms-flex-order:4!important;order:4!important}.order-xxl-5{-webkit-box-ordinal-group:6!important;-ms-flex-order:5!important;order:5!important}.order-xxl-last{-webkit-box-ordinal-group:7!important;-ms-flex-order:6!important;order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:2rem!important}.m-xxl-6{margin:2.5rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:2rem!important;margin-left:2rem!important}.mx-xxl-6{margin-right:2.5rem!important;margin-left:2.5rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:2rem!important;margin-bottom:2rem!important}.my-xxl-6{margin-top:2.5rem!important;margin-bottom:2.5rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:2rem!important}.mt-xxl-6{margin-top:2.5rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:2rem!important}.me-xxl-6{margin-right:2.5rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:2rem!important}.mb-xxl-6{margin-bottom:2.5rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:2rem!important}.ms-xxl-6{margin-left:2.5rem!important}.ms-xxl-auto{margin-left:auto!important}.m-xxl-n1{margin:-.25rem!important}.m-xxl-n2{margin:-.5rem!important}.m-xxl-n3{margin:-1rem!important}.m-xxl-n4{margin:-1.5rem!important}.m-xxl-n5{margin:-2rem!important}.m-xxl-n6{margin:-2.5rem!important}.mx-xxl-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-xxl-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-xxl-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-xxl-n4{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-xxl-n5{margin-right:-2rem!important;margin-left:-2rem!important}.mx-xxl-n6{margin-right:-2.5rem!important;margin-left:-2.5rem!important}.my-xxl-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-xxl-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-xxl-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-xxl-n4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-xxl-n5{margin-top:-2rem!important;margin-bottom:-2rem!important}.my-xxl-n6{margin-top:-2.5rem!important;margin-bottom:-2.5rem!important}.mt-xxl-n1{margin-top:-.25rem!important}.mt-xxl-n2{margin-top:-.5rem!important}.mt-xxl-n3{margin-top:-1rem!important}.mt-xxl-n4{margin-top:-1.5rem!important}.mt-xxl-n5{margin-top:-2rem!important}.mt-xxl-n6{margin-top:-2.5rem!important}.me-xxl-n1{margin-right:-.25rem!important}.me-xxl-n2{margin-right:-.5rem!important}.me-xxl-n3{margin-right:-1rem!important}.me-xxl-n4{margin-right:-1.5rem!important}.me-xxl-n5{margin-right:-2rem!important}.me-xxl-n6{margin-right:-2.5rem!important}.mb-xxl-n1{margin-bottom:-.25rem!important}.mb-xxl-n2{margin-bottom:-.5rem!important}.mb-xxl-n3{margin-bottom:-1rem!important}.mb-xxl-n4{margin-bottom:-1.5rem!important}.mb-xxl-n5{margin-bottom:-2rem!important}.mb-xxl-n6{margin-bottom:-2.5rem!important}.ms-xxl-n1{margin-left:-.25rem!important}.ms-xxl-n2{margin-left:-.5rem!important}.ms-xxl-n3{margin-left:-1rem!important}.ms-xxl-n4{margin-left:-1.5rem!important}.ms-xxl-n5{margin-left:-2rem!important}.ms-xxl-n6{margin-left:-2.5rem!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:2rem!important}.p-xxl-6{padding:2.5rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:2rem!important;padding-left:2rem!important}.px-xxl-6{padding-right:2.5rem!important;padding-left:2.5rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:2rem!important;padding-bottom:2rem!important}.py-xxl-6{padding-top:2.5rem!important;padding-bottom:2.5rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:2rem!important}.pt-xxl-6{padding-top:2.5rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:2rem!important}.pe-xxl-6{padding-right:2.5rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:2rem!important}.pb-xxl-6{padding-bottom:2.5rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:2rem!important}.ps-xxl-6{padding-left:2.5rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:2rem!important}.gap-xxl-6{gap:2.5rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:2rem!important}.row-gap-xxl-6{row-gap:2.5rem!important}.column-gap-xxl-0{-moz-column-gap:0!important;-webkit-column-gap:0!important;column-gap:0!important}.column-gap-xxl-1{-moz-column-gap:.25rem!important;-webkit-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-xxl-2{-moz-column-gap:.5rem!important;-webkit-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-xxl-3{-moz-column-gap:1rem!important;-webkit-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xxl-4{-moz-column-gap:1.5rem!important;-webkit-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xxl-5{-moz-column-gap:2rem!important;-webkit-column-gap:2rem!important;column-gap:2rem!important}.column-gap-xxl-6{-moz-column-gap:2.5rem!important;-webkit-column-gap:2.5rem!important;column-gap:2.5rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}.columns-xxl-2{-moz-columns:2!important;-webkit-columns:2!important;columns:2!important}.columns-xxl-3{-moz-columns:3!important;-webkit-columns:3!important;columns:3!important}.columns-xxl-4{-moz-columns:4!important;-webkit-columns:4!important;columns:4!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.d-print-none{display:none!important}}:host,:root{font-size:16px;height:100%}:host,:root,[data-bs-theme=light]{--tblr-primary:#066fd1;--tblr-primary-rgb:6,111,209;--tblr-primary-fg:var(--tblr-light);--tblr-primary-darken:#0564bc;--tblr-primary-lt:#e6f1fa;--tblr-primary-lt-rgb:230,241,250;--tblr-secondary:#6c7a91;--tblr-secondary-rgb:108,122,145;--tblr-secondary-fg:var(--tblr-light);--tblr-secondary-darken:#616e83;--tblr-secondary-lt:#f0f2f4;--tblr-secondary-lt-rgb:240,242,244;--tblr-success:#2fb344;--tblr-success-rgb:47,179,68;--tblr-success-fg:var(--tblr-light);--tblr-success-darken:#2aa13d;--tblr-success-lt:#eaf7ec;--tblr-success-lt-rgb:234,247,236;--tblr-info:#4299e1;--tblr-info-rgb:66,153,225;--tblr-info-fg:var(--tblr-light);--tblr-info-darken:#3b8acb;--tblr-info-lt:#ecf5fc;--tblr-info-lt-rgb:236,245,252;--tblr-warning:#f76707;--tblr-warning-rgb:247,103,7;--tblr-warning-fg:var(--tblr-light);--tblr-warning-darken:#de5d06;--tblr-warning-lt:#fef0e6;--tblr-warning-lt-rgb:254,240,230;--tblr-danger:#d63939;--tblr-danger-rgb:214,57,57;--tblr-danger-fg:var(--tblr-light);--tblr-danger-darken:#c13333;--tblr-danger-lt:#fbebeb;--tblr-danger-lt-rgb:251,235,235;--tblr-light:#f6f8fb;--tblr-light-rgb:246,248,251;--tblr-light-fg:var(--tblr-dark);--tblr-light-darken:#dddfe2;--tblr-light-lt:#fefeff;--tblr-light-lt-rgb:254,254,255;--tblr-dark:#182433;--tblr-dark-rgb:24,36,51;--tblr-dark-fg:var(--tblr-light);--tblr-dark-darken:#16202e;--tblr-dark-lt:#e8e9eb;--tblr-dark-lt-rgb:232,233,235;--tblr-muted:#6c7a91;--tblr-muted-rgb:108,122,145;--tblr-muted-fg:var(--tblr-light);--tblr-muted-darken:#616e83;--tblr-muted-lt:#f0f2f4;--tblr-muted-lt-rgb:240,242,244;--tblr-blue:#066fd1;--tblr-blue-rgb:6,111,209;--tblr-blue-fg:var(--tblr-light);--tblr-blue-darken:#0564bc;--tblr-blue-lt:#e6f1fa;--tblr-blue-lt-rgb:230,241,250;--tblr-azure:#4299e1;--tblr-azure-rgb:66,153,225;--tblr-azure-fg:var(--tblr-light);--tblr-azure-darken:#3b8acb;--tblr-azure-lt:#ecf5fc;--tblr-azure-lt-rgb:236,245,252;--tblr-indigo:#4263eb;--tblr-indigo-rgb:66,99,235;--tblr-indigo-fg:var(--tblr-light);--tblr-indigo-darken:#3b59d4;--tblr-indigo-lt:#eceffd;--tblr-indigo-lt-rgb:236,239,253;--tblr-purple:#ae3ec9;--tblr-purple-rgb:174,62,201;--tblr-purple-fg:var(--tblr-light);--tblr-purple-darken:#9d38b5;--tblr-purple-lt:#f7ecfa;--tblr-purple-lt-rgb:247,236,250;--tblr-pink:#d6336c;--tblr-pink-rgb:214,51,108;--tblr-pink-fg:var(--tblr-light);--tblr-pink-darken:#c12e61;--tblr-pink-lt:#fbebf0;--tblr-pink-lt-rgb:251,235,240;--tblr-red:#d63939;--tblr-red-rgb:214,57,57;--tblr-red-fg:var(--tblr-light);--tblr-red-darken:#c13333;--tblr-red-lt:#fbebeb;--tblr-red-lt-rgb:251,235,235;--tblr-orange:#f76707;--tblr-orange-rgb:247,103,7;--tblr-orange-fg:var(--tblr-light);--tblr-orange-darken:#de5d06;--tblr-orange-lt:#fef0e6;--tblr-orange-lt-rgb:254,240,230;--tblr-yellow:#f59f00;--tblr-yellow-rgb:245,159,0;--tblr-yellow-fg:var(--tblr-light);--tblr-yellow-darken:#dd8f00;--tblr-yellow-lt:#fef5e6;--tblr-yellow-lt-rgb:254,245,230;--tblr-lime:#74b816;--tblr-lime-rgb:116,184,22;--tblr-lime-fg:var(--tblr-light);--tblr-lime-darken:#68a614;--tblr-lime-lt:#f1f8e8;--tblr-lime-lt-rgb:241,248,232;--tblr-green:#2fb344;--tblr-green-rgb:47,179,68;--tblr-green-fg:var(--tblr-light);--tblr-green-darken:#2aa13d;--tblr-green-lt:#eaf7ec;--tblr-green-lt-rgb:234,247,236;--tblr-teal:#0ca678;--tblr-teal-rgb:12,166,120;--tblr-teal-fg:var(--tblr-light);--tblr-teal-darken:#0b956c;--tblr-teal-lt:#e7f6f2;--tblr-teal-lt-rgb:231,246,242;--tblr-cyan:#17a2b8;--tblr-cyan-rgb:23,162,184;--tblr-cyan-fg:var(--tblr-light);--tblr-cyan-darken:#1592a6;--tblr-cyan-lt:#e8f6f8;--tblr-cyan-lt-rgb:232,246,248;--tblr-x:#000000;--tblr-x-rgb:0,0,0;--tblr-x-fg:var(--tblr-light);--tblr-x-darken:black;--tblr-x-lt:#e6e6e6;--tblr-x-lt-rgb:230,230,230;--tblr-facebook:#1877f2;--tblr-facebook-rgb:24,119,242;--tblr-facebook-fg:var(--tblr-light);--tblr-facebook-darken:#166bda;--tblr-facebook-lt:#e8f1fe;--tblr-facebook-lt-rgb:232,241,254;--tblr-twitter:#1da1f2;--tblr-twitter-rgb:29,161,242;--tblr-twitter-fg:var(--tblr-light);--tblr-twitter-darken:#1a91da;--tblr-twitter-lt:#e8f6fe;--tblr-twitter-lt-rgb:232,246,254;--tblr-linkedin:#0a66c2;--tblr-linkedin-rgb:10,102,194;--tblr-linkedin-fg:var(--tblr-light);--tblr-linkedin-darken:#095caf;--tblr-linkedin-lt:#e7f0f9;--tblr-linkedin-lt-rgb:231,240,249;--tblr-google:#dc4e41;--tblr-google-rgb:220,78,65;--tblr-google-fg:var(--tblr-light);--tblr-google-darken:#c6463b;--tblr-google-lt:#fcedec;--tblr-google-lt-rgb:252,237,236;--tblr-youtube:#ff0000;--tblr-youtube-rgb:255,0,0;--tblr-youtube-fg:var(--tblr-light);--tblr-youtube-darken:#e60000;--tblr-youtube-lt:#ffe6e6;--tblr-youtube-lt-rgb:255,230,230;--tblr-vimeo:#1ab7ea;--tblr-vimeo-rgb:26,183,234;--tblr-vimeo-fg:var(--tblr-light);--tblr-vimeo-darken:#17a5d3;--tblr-vimeo-lt:#e8f8fd;--tblr-vimeo-lt-rgb:232,248,253;--tblr-dribbble:#ea4c89;--tblr-dribbble-rgb:234,76,137;--tblr-dribbble-fg:var(--tblr-light);--tblr-dribbble-darken:#d3447b;--tblr-dribbble-lt:#fdedf3;--tblr-dribbble-lt-rgb:253,237,243;--tblr-github:#181717;--tblr-github-rgb:24,23,23;--tblr-github-fg:var(--tblr-light);--tblr-github-darken:#161515;--tblr-github-lt:#e8e8e8;--tblr-github-lt-rgb:232,232,232;--tblr-instagram:#e4405f;--tblr-instagram-rgb:228,64,95;--tblr-instagram-fg:var(--tblr-light);--tblr-instagram-darken:#cd3a56;--tblr-instagram-lt:#fcecef;--tblr-instagram-lt-rgb:252,236,239;--tblr-pinterest:#bd081c;--tblr-pinterest-rgb:189,8,28;--tblr-pinterest-fg:var(--tblr-light);--tblr-pinterest-darken:#aa0719;--tblr-pinterest-lt:#f8e6e8;--tblr-pinterest-lt-rgb:248,230,232;--tblr-vk:#6383a8;--tblr-vk-rgb:99,131,168;--tblr-vk-fg:var(--tblr-light);--tblr-vk-darken:#597697;--tblr-vk-lt:#eff3f6;--tblr-vk-lt-rgb:239,243,246;--tblr-rss:#ffa500;--tblr-rss-rgb:255,165,0;--tblr-rss-fg:var(--tblr-light);--tblr-rss-darken:#e69500;--tblr-rss-lt:#fff6e6;--tblr-rss-lt-rgb:255,246,230;--tblr-flickr:#0063dc;--tblr-flickr-rgb:0,99,220;--tblr-flickr-fg:var(--tblr-light);--tblr-flickr-darken:#0059c6;--tblr-flickr-lt:#e6effc;--tblr-flickr-lt-rgb:230,239,252;--tblr-bitbucket:#0052cc;--tblr-bitbucket-rgb:0,82,204;--tblr-bitbucket-fg:var(--tblr-light);--tblr-bitbucket-darken:#004ab8;--tblr-bitbucket-lt:#e6eefa;--tblr-bitbucket-lt-rgb:230,238,250;--tblr-tabler:#066fd1;--tblr-tabler-rgb:6,111,209;--tblr-tabler-fg:var(--tblr-light);--tblr-tabler-darken:#0564bc;--tblr-tabler-lt:#e6f1fa;--tblr-tabler-lt-rgb:230,241,250;--tblr-gray-50:#f6f8fb;--tblr-gray-50-rgb:246,248,251;--tblr-gray-50-fg:var(--tblr-dark);--tblr-gray-50-darken:#dddfe2;--tblr-gray-50-lt:#fefeff;--tblr-gray-50-lt-rgb:254,254,255;--tblr-gray-100:#eef3f6;--tblr-gray-100-rgb:238,243,246;--tblr-gray-100-fg:var(--tblr-dark);--tblr-gray-100-darken:#d6dbdd;--tblr-gray-100-lt:#fdfefe;--tblr-gray-100-lt-rgb:253,254,254;--tblr-gray-200:#dce1e7;--tblr-gray-200-rgb:220,225,231;--tblr-gray-200-fg:var(--tblr-dark);--tblr-gray-200-darken:#c6cbd0;--tblr-gray-200-lt:#fcfcfd;--tblr-gray-200-lt-rgb:252,252,253;--tblr-gray-300:#b8c4d4;--tblr-gray-300-rgb:184,196,212;--tblr-gray-300-fg:var(--tblr-light);--tblr-gray-300-darken:#a6b0bf;--tblr-gray-300-lt:#f8f9fb;--tblr-gray-300-lt-rgb:248,249,251;--tblr-gray-400:#8a97ab;--tblr-gray-400-rgb:138,151,171;--tblr-gray-400-fg:var(--tblr-light);--tblr-gray-400-darken:#7c889a;--tblr-gray-400-lt:#f3f5f7;--tblr-gray-400-lt-rgb:243,245,247;--tblr-gray-500:#6c7a91;--tblr-gray-500-rgb:108,122,145;--tblr-gray-500-fg:var(--tblr-light);--tblr-gray-500-darken:#616e83;--tblr-gray-500-lt:#f0f2f4;--tblr-gray-500-lt-rgb:240,242,244;--tblr-gray-600:#49566c;--tblr-gray-600-rgb:73,86,108;--tblr-gray-600-fg:var(--tblr-light);--tblr-gray-600-darken:#424d61;--tblr-gray-600-lt:#edeef0;--tblr-gray-600-lt-rgb:237,238,240;--tblr-gray-700:#3a4859;--tblr-gray-700-rgb:58,72,89;--tblr-gray-700-fg:var(--tblr-light);--tblr-gray-700-darken:#344150;--tblr-gray-700-lt:#ebedee;--tblr-gray-700-lt-rgb:235,237,238;--tblr-gray-800:#182433;--tblr-gray-800-rgb:24,36,51;--tblr-gray-800-fg:var(--tblr-light);--tblr-gray-800-darken:#16202e;--tblr-gray-800-lt:#e8e9eb;--tblr-gray-800-lt-rgb:232,233,235;--tblr-gray-900:#040a11;--tblr-gray-900-rgb:4,10,17;--tblr-gray-900-fg:var(--tblr-light);--tblr-gray-900-darken:#04090f;--tblr-gray-900-lt:#e6e7e7;--tblr-gray-900-lt-rgb:230,231,231;--tblr-spacer-0:0;--tblr-spacer-1:0.25rem;--tblr-spacer-2:0.5rem;--tblr-spacer-3:1rem;--tblr-spacer-4:1.5rem;--tblr-spacer-5:2rem;--tblr-spacer-6:2.5rem;--tblr-spacer:1rem;--tblr-bg-surface:var(--tblr-white);--tblr-bg-surface-secondary:var(--tblr-gray-100);--tblr-bg-surface-tertiary:var(--tblr-gray-50);--tblr-bg-surface-dark:var(--tblr-dark);--tblr-bg-forms:var(--tblr-bg-surface);--tblr-border-color:#dce1e7;--tblr-border-color-translucent:rgba(4, 32, 69, 0.1);--tblr-border-dark-color:#8a97ab;--tblr-border-dark-color-translucent:rgba(4, 32, 69, 0.27);--tblr-border-active-color:#aab2bf;--tblr-icon-color:var(--tblr-gray-400);--tblr-active-bg:rgba(var(--tblr-primary-rgb), 0.04);--tblr-disabled-bg:var(--tblr-bg-surface-secondary);--tblr-disabled-color:var(--tblr-gray-300);--tblr-code-color:var(--tblr-gray-600);--tblr-code-bg:var(--tblr-bg-surface-secondary);--tblr-dark-mode-border-color:#25384f;--tblr-dark-mode-border-color-translucent:rgba(72, 110, 149, 0.14);--tblr-dark-mode-border-active-color:#2c415d;--tblr-dark-mode-border-dark-color:#1f2e41;--tblr-page-padding:var(--tblr-spacer-3);--tblr-page-padding-y:var(--tblr-spacer-4);--tblr-font-weight-light:300;--tblr-font-weight-normal:400;--tblr-font-weight-medium:500;--tblr-font-weight-bold:600;--tblr-font-weight-black:700;--tblr-font-weight-headings:var(--tblr-font-weight-bold);--tblr-font-size-h1:1.5rem;--tblr-font-size-h2:1.25rem;--tblr-font-size-h3:1rem;--tblr-font-size-h4:0.875rem;--tblr-font-size-h5:0.75rem;--tblr-font-size-h6:0.625rem;--tblr-line-height-h1:2rem;--tblr-line-height-h2:1.75rem;--tblr-line-height-h3:1.5rem;--tblr-line-height-h4:1.25rem;--tblr-line-height-h5:1rem;--tblr-line-height-h6:1rem;--tblr-box-shadow:rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;--tblr-box-shadow-border:inset 0 0 0 1px var(--tblr-border-color-translucent);--tblr-box-shadow-transparent:0 0 0 0 transparent;--tblr-box-shadow-input:0 1px 1px rgba(var(--tblr-body-color-rgb), 0.06);--tblr-box-shadow-card:0 0 4px rgba(var(--tblr-body-color-rgb), 0.04);--tblr-box-shadow-card-hover:rgba(var(--tblr-body-color-rgb), 0.16) 0 2px 16px 0;--tblr-box-shadow-dropdown:0 16px 24px 2px rgba(0, 0, 0, 0.07),0 6px 30px 5px rgba(0, 0, 0, 0.06),0 8px 10px -5px rgba(0, 0, 0, 0.1)}@media (max-width:991.98px){:host,:root,[data-bs-theme=light]{--tblr-page-padding:var(--tblr-spacer-2)}}@-webkit-keyframes pulse{from{opacity:1;-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}50%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{opacity:1;-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}}@keyframes pulse{from{opacity:1;-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}50%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}to{opacity:1;-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,5%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-5deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-5deg)}15%,25%,35%,45%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,5deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,5deg)}20%,30%,40%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-5deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-5deg)}50%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,5%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-5deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-5deg)}15%,25%,35%,45%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,5deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,5deg)}20%,30%,40%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-5deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-5deg)}50%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes rotate-360{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-360{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}body{letter-spacing:0;-ms-touch-action:manipulation;touch-action:manipulation;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"liga" 0,"cv03","cv04","cv11";font-feature-settings:"liga" 0,"cv03","cv04","cv11";position:relative;min-height:100%;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media print{body{background:0 0}}*{scrollbar-color:rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.16)}::-webkit-scrollbar{width:1rem;height:1rem;-webkit-transition:background .3s;transition:background .3s}@media (prefers-reduced-motion:reduce){::-webkit-scrollbar{-webkit-transition:none;transition:none}}::-webkit-scrollbar-thumb{border-radius:1rem;border:5px solid transparent;-webkit-box-shadow:inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.16);box-shadow:inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.16)}::-webkit-scrollbar-track{background:0 0}:hover::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.32);box-shadow:inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.32)}::-webkit-scrollbar-corner{background:0 0}.layout-fluid .container,.layout-fluid [class*=" container-"],.layout-fluid [class^=container-]{max-width:100%}.layout-boxed{--tblr-theme-boxed-border-radius:0;--tblr-theme-boxed-width:1320px}@media (min-width:768px){.layout-boxed{background:#182433 -webkit-gradient(linear,left top, right top,from(rgba(255,255,255,.1)),to(transparent)) fixed;background:#182433 linear-gradient(to right,rgba(255,255,255,.1),transparent) fixed;padding:1rem;--tblr-theme-boxed-border-radius:4px}}.layout-boxed .page{margin:0 auto;max-width:var(--tblr-theme-boxed-width);border-radius:var(--tblr-theme-boxed-border-radius);color:var(--tblr-body-color)}@media (min-width:768px){.layout-boxed .page{border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);background:var(--tblr-body-bg)}}.layout-boxed .page>.navbar:first-child{border-top-left-radius:var(--tblr-theme-boxed-border-radius);border-top-right-radius:var(--tblr-theme-boxed-border-radius)}.navbar{--tblr-navbar-bg:var(--tblr-bg-surface);--tblr-navbar-border-width:var(--tblr-border-width);--tblr-navbar-active-border-color:var(--tblr-primary);--tblr-navbar-active-bg:rgba(0, 0, 0, 0.2);--tblr-navbar-border-color:var(--tblr-border-color);-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;min-height:3.5rem;-webkit-box-shadow:inset 0 calc(-1 * var(--tblr-navbar-border-width)) 0 0 var(--tblr-navbar-border-color);box-shadow:inset 0 calc(-1 * var(--tblr-navbar-border-width)) 0 0 var(--tblr-navbar-border-color);background:var(--tblr-navbar-bg);color:var(--tblr-navbar-color)}.navbar-collapse .navbar{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.navbar.collapsing{min-height:0}.navbar .dropdown-menu{position:absolute;z-index:1030}.navbar .navbar-nav{min-height:3rem}.navbar .navbar-nav .nav-link{position:relative;min-width:2rem;min-height:2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--tblr-border-radius)}.navbar .navbar-nav .nav-link .badge{position:absolute;top:.375rem;right:.375rem;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.navbar-nav{margin:0;padding:0}@media (max-width:575.98px){.navbar-expand-sm .navbar-collapse{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-expand-sm .navbar-collapse [class^=container]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0}.navbar-expand-sm .navbar-collapse .navbar-nav{margin-left:0;margin-right:0}.navbar-expand-sm .navbar-collapse .navbar-nav .nav-link{padding:.5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-collapse .dropdown-menu-columns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-expand-sm .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:0;margin:0}.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);color:inherit}.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.disabled{color:var(--tblr-disabled-color);pointer-events:none;background-color:transparent}.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item:active{background:var(--tblr-navbar-active-bg)}.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)}.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)}.navbar-expand-sm .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-expand-sm .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:3px;right:auto;top:0;bottom:0}}@media (min-width:576px){.navbar-expand-sm .navbar-collapse{width:auto;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.navbar-expand-sm .nav-item.active{position:relative}.navbar-expand-sm .nav-item.active:after{content:"";position:absolute;left:0;right:0;bottom:-.25rem;border:0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);border-bottom-width:2px}.navbar-expand-sm.navbar-vertical{-webkit-box-shadow:inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);box-shadow:inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)}.navbar-expand-sm.navbar-vertical.navbar-right{-webkit-box-shadow:inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);box-shadow:inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)}.navbar-expand-sm.navbar-vertical~.navbar,.navbar-expand-sm.navbar-vertical~.page-wrapper{margin-left:15rem}.navbar-expand-sm.navbar-vertical.navbar-right~.navbar,.navbar-expand-sm.navbar-vertical.navbar-right~.page-wrapper{margin-left:0;margin-right:15rem}}@media (max-width:767.98px){.navbar-expand-md .navbar-collapse{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-expand-md .navbar-collapse [class^=container]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0}.navbar-expand-md .navbar-collapse .navbar-nav{margin-left:0;margin-right:0}.navbar-expand-md .navbar-collapse .navbar-nav .nav-link{padding:.5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-collapse .dropdown-menu-columns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-expand-md .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:0;margin:0}.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);color:inherit}.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.disabled{color:var(--tblr-disabled-color);pointer-events:none;background-color:transparent}.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item:active{background:var(--tblr-navbar-active-bg)}.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)}.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)}.navbar-expand-md .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-expand-md .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:3px;right:auto;top:0;bottom:0}}@media (min-width:768px){.navbar-expand-md .navbar-collapse{width:auto;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.navbar-expand-md .nav-item.active{position:relative}.navbar-expand-md .nav-item.active:after{content:"";position:absolute;left:0;right:0;bottom:-.25rem;border:0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);border-bottom-width:2px}.navbar-expand-md.navbar-vertical{-webkit-box-shadow:inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);box-shadow:inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)}.navbar-expand-md.navbar-vertical.navbar-right{-webkit-box-shadow:inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);box-shadow:inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)}.navbar-expand-md.navbar-vertical~.navbar,.navbar-expand-md.navbar-vertical~.page-wrapper{margin-left:15rem}.navbar-expand-md.navbar-vertical.navbar-right~.navbar,.navbar-expand-md.navbar-vertical.navbar-right~.page-wrapper{margin-left:0;margin-right:15rem}}@media (max-width:991.98px){.navbar-expand-lg .navbar-collapse{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-expand-lg .navbar-collapse [class^=container]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0}.navbar-expand-lg .navbar-collapse .navbar-nav{margin-left:0;margin-right:0}.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link{padding:.5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-collapse .dropdown-menu-columns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-expand-lg .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:0;margin:0}.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);color:inherit}.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.disabled{color:var(--tblr-disabled-color);pointer-events:none;background-color:transparent}.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:active{background:var(--tblr-navbar-active-bg)}.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)}.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)}.navbar-expand-lg .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-expand-lg .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:3px;right:auto;top:0;bottom:0}}@media (min-width:992px){.navbar-expand-lg .navbar-collapse{width:auto;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.navbar-expand-lg .nav-item.active{position:relative}.navbar-expand-lg .nav-item.active:after{content:"";position:absolute;left:0;right:0;bottom:-.25rem;border:0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);border-bottom-width:2px}.navbar-expand-lg.navbar-vertical{-webkit-box-shadow:inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);box-shadow:inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)}.navbar-expand-lg.navbar-vertical.navbar-right{-webkit-box-shadow:inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);box-shadow:inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)}.navbar-expand-lg.navbar-vertical~.navbar,.navbar-expand-lg.navbar-vertical~.page-wrapper{margin-left:15rem}.navbar-expand-lg.navbar-vertical.navbar-right~.navbar,.navbar-expand-lg.navbar-vertical.navbar-right~.page-wrapper{margin-left:0;margin-right:15rem}}@media (max-width:1199.98px){.navbar-expand-xl .navbar-collapse{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-expand-xl .navbar-collapse [class^=container]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0}.navbar-expand-xl .navbar-collapse .navbar-nav{margin-left:0;margin-right:0}.navbar-expand-xl .navbar-collapse .navbar-nav .nav-link{padding:.5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-collapse .dropdown-menu-columns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-expand-xl .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:0;margin:0}.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);color:inherit}.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.disabled{color:var(--tblr-disabled-color);pointer-events:none;background-color:transparent}.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item:active{background:var(--tblr-navbar-active-bg)}.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)}.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)}.navbar-expand-xl .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-expand-xl .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:3px;right:auto;top:0;bottom:0}}@media (min-width:1200px){.navbar-expand-xl .navbar-collapse{width:auto;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.navbar-expand-xl .nav-item.active{position:relative}.navbar-expand-xl .nav-item.active:after{content:"";position:absolute;left:0;right:0;bottom:-.25rem;border:0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);border-bottom-width:2px}.navbar-expand-xl.navbar-vertical{-webkit-box-shadow:inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);box-shadow:inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)}.navbar-expand-xl.navbar-vertical.navbar-right{-webkit-box-shadow:inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);box-shadow:inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)}.navbar-expand-xl.navbar-vertical~.navbar,.navbar-expand-xl.navbar-vertical~.page-wrapper{margin-left:15rem}.navbar-expand-xl.navbar-vertical.navbar-right~.navbar,.navbar-expand-xl.navbar-vertical.navbar-right~.page-wrapper{margin-left:0;margin-right:15rem}}@media (max-width:1399.98px){.navbar-expand-xxl .navbar-collapse{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-expand-xxl .navbar-collapse [class^=container]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0}.navbar-expand-xxl .navbar-collapse .navbar-nav{margin-left:0;margin-right:0}.navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link{padding:.5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xxl .navbar-collapse .dropdown-menu-columns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-expand-xxl .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:0;margin:0}.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);color:inherit}.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.disabled{color:var(--tblr-disabled-color);pointer-events:none;background-color:transparent}.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item:active{background:var(--tblr-navbar-active-bg)}.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)}.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)}.navbar-expand-xxl .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-expand-xxl .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:3px;right:auto;top:0;bottom:0}}@media (min-width:1400px){.navbar-expand-xxl .navbar-collapse{width:auto;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.navbar-expand-xxl .nav-item.active{position:relative}.navbar-expand-xxl .nav-item.active:after{content:"";position:absolute;left:0;right:0;bottom:-.25rem;border:0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);border-bottom-width:2px}.navbar-expand-xxl.navbar-vertical{-webkit-box-shadow:inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);box-shadow:inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)}.navbar-expand-xxl.navbar-vertical.navbar-right{-webkit-box-shadow:inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);box-shadow:inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)}.navbar-expand-xxl.navbar-vertical~.navbar,.navbar-expand-xxl.navbar-vertical~.page-wrapper{margin-left:15rem}.navbar-expand-xxl.navbar-vertical.navbar-right~.navbar,.navbar-expand-xxl.navbar-vertical.navbar-right~.page-wrapper{margin-left:0;margin-right:15rem}}.navbar-expand .navbar-collapse{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-expand .navbar-collapse [class^=container]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0}.navbar-expand .navbar-collapse .navbar-nav{margin-left:0;margin-right:0}.navbar-expand .navbar-collapse .navbar-nav .nav-link{padding:.5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand .navbar-collapse .dropdown-menu-columns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-expand .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:0;margin:0}.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);color:inherit}.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.disabled{color:var(--tblr-disabled-color);pointer-events:none;background-color:transparent}.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item:active{background:var(--tblr-navbar-active-bg)}.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)}.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)}.navbar-expand .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-expand .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:3px;right:auto;top:0;bottom:0}.navbar-expand .navbar-collapse{width:auto;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.navbar-expand .nav-item.active{position:relative}.navbar-expand .nav-item.active:after{content:"";position:absolute;left:0;right:0;bottom:-.25rem;border:0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);border-bottom-width:2px}.navbar-expand.navbar-vertical{-webkit-box-shadow:inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);box-shadow:inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)}.navbar-expand.navbar-vertical.navbar-right{-webkit-box-shadow:inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);box-shadow:inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color)}.navbar-expand.navbar-vertical~.navbar,.navbar-expand.navbar-vertical~.page-wrapper{margin-left:15rem}.navbar-expand.navbar-vertical.navbar-right~.navbar,.navbar-expand.navbar-vertical.navbar-right~.page-wrapper{margin-left:0;margin-right:15rem}.navbar-brand{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:var(--tblr-font-weight-bold);margin:0;line-height:1;gap:.5rem}.navbar-brand-image{height:2rem;width:auto}.navbar-toggler{border:0;width:2rem;height:2rem;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.navbar-toggler-icon{height:2px;width:1.25em;background:currentColor;border-radius:10px;-webkit-transition:top .2s .2s,bottom .2s .2s,opacity 0s .2s,-webkit-transform .2s;transition:top .2s .2s,bottom .2s .2s,opacity 0s .2s,-webkit-transform .2s;transition:top .2s .2s,bottom .2s .2s,transform .2s,opacity 0s .2s;transition:top .2s .2s,bottom .2s .2s,transform .2s,opacity 0s .2s,-webkit-transform .2s;position:relative}@media (prefers-reduced-motion:reduce){.navbar-toggler-icon{-webkit-transition:none;transition:none}}.navbar-toggler-icon:after,.navbar-toggler-icon:before{content:"";display:block;height:inherit;width:inherit;border-radius:inherit;background:inherit;position:absolute;left:0;-webkit-transition:inherit;transition:inherit}@media (prefers-reduced-motion:reduce){.navbar-toggler-icon:after,.navbar-toggler-icon:before{-webkit-transition:none;transition:none}}.navbar-toggler-icon:before{top:-.45em}.navbar-toggler-icon:after{bottom:-.45em}.navbar-toggler[aria-expanded=true] .navbar-toggler-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:top .3s,bottom .3s,opacity 0s .3s,-webkit-transform .3s .3s;transition:top .3s,bottom .3s,opacity 0s .3s,-webkit-transform .3s .3s;transition:top .3s,bottom .3s,transform .3s .3s,opacity 0s .3s;transition:top .3s,bottom .3s,transform .3s .3s,opacity 0s .3s,-webkit-transform .3s .3s}@media (prefers-reduced-motion:reduce){.navbar-toggler[aria-expanded=true] .navbar-toggler-icon{-webkit-transition:none;transition:none}}.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before{top:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after{bottom:0;opacity:0}.navbar-transparent{--tblr-navbar-border-color:transparent!important;background:0 0!important}.navbar-nav{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.navbar-nav .nav-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.navbar-side{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}@media (min-width:576px){.navbar-vertical.navbar-expand-sm{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;overflow-y:scroll;padding:0}}@media (min-width:576px) and (prefers-reduced-motion:reduce){.navbar-vertical.navbar-expand-sm{-webkit-transition:none;transition:none}}@media (min-width:576px){.navbar-vertical.navbar-expand-sm.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-sm .navbar-brand{padding:.75rem 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.navbar-vertical.navbar-expand-sm .navbar-collapse{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.navbar-vertical.navbar-expand-sm .navbar-nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-sm .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-sm>[class^=container]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;min-height:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0}.navbar-vertical.navbar-expand-sm~.page{padding-left:15rem}.navbar-vertical.navbar-expand-sm~.page [class^=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-sm.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-sm .navbar-collapse{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-vertical.navbar-expand-sm .navbar-collapse [class^=container]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0}.navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav{margin-left:0;margin-right:0}.navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav .nav-link{padding:.5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu-columns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:0;margin:0}.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);color:inherit}.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.disabled{color:var(--tblr-disabled-color);pointer-events:none;background-color:transparent}.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item:active{background:var(--tblr-navbar-active-bg)}.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)}.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)}.navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-vertical.navbar-expand-sm .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:3px;right:auto;top:0;bottom:0}}@media (min-width:768px){.navbar-vertical.navbar-expand-md{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;overflow-y:scroll;padding:0}}@media (min-width:768px) and (prefers-reduced-motion:reduce){.navbar-vertical.navbar-expand-md{-webkit-transition:none;transition:none}}@media (min-width:768px){.navbar-vertical.navbar-expand-md.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-md .navbar-brand{padding:.75rem 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.navbar-vertical.navbar-expand-md .navbar-collapse{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.navbar-vertical.navbar-expand-md .navbar-nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-md .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-md>[class^=container]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;min-height:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0}.navbar-vertical.navbar-expand-md~.page{padding-left:15rem}.navbar-vertical.navbar-expand-md~.page [class^=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-md.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-md .navbar-collapse{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-vertical.navbar-expand-md .navbar-collapse [class^=container]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0}.navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav{margin-left:0;margin-right:0}.navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav .nav-link{padding:.5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu-columns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:0;margin:0}.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);color:inherit}.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.disabled{color:var(--tblr-disabled-color);pointer-events:none;background-color:transparent}.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item:active{background:var(--tblr-navbar-active-bg)}.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)}.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)}.navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-vertical.navbar-expand-md .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:3px;right:auto;top:0;bottom:0}}@media (min-width:992px){.navbar-vertical.navbar-expand-lg{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;overflow-y:scroll;padding:0}}@media (min-width:992px) and (prefers-reduced-motion:reduce){.navbar-vertical.navbar-expand-lg{-webkit-transition:none;transition:none}}@media (min-width:992px){.navbar-vertical.navbar-expand-lg.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-lg .navbar-brand{padding:.75rem 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.navbar-vertical.navbar-expand-lg .navbar-collapse{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.navbar-vertical.navbar-expand-lg .navbar-nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-lg>[class^=container]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;min-height:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0}.navbar-vertical.navbar-expand-lg~.page{padding-left:15rem}.navbar-vertical.navbar-expand-lg~.page [class^=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-lg.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-lg .navbar-collapse{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-vertical.navbar-expand-lg .navbar-collapse [class^=container]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0}.navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav{margin-left:0;margin-right:0}.navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link{padding:.5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu-columns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:0;margin:0}.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);color:inherit}.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.disabled{color:var(--tblr-disabled-color);pointer-events:none;background-color:transparent}.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:active{background:var(--tblr-navbar-active-bg)}.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)}.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)}.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-vertical.navbar-expand-lg .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:3px;right:auto;top:0;bottom:0}}@media (min-width:1200px){.navbar-vertical.navbar-expand-xl{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;overflow-y:scroll;padding:0}}@media (min-width:1200px) and (prefers-reduced-motion:reduce){.navbar-vertical.navbar-expand-xl{-webkit-transition:none;transition:none}}@media (min-width:1200px){.navbar-vertical.navbar-expand-xl.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-xl .navbar-brand{padding:.75rem 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.navbar-vertical.navbar-expand-xl .navbar-collapse{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.navbar-vertical.navbar-expand-xl .navbar-nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-xl .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-xl>[class^=container]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;min-height:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0}.navbar-vertical.navbar-expand-xl~.page{padding-left:15rem}.navbar-vertical.navbar-expand-xl~.page [class^=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-xl.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-xl .navbar-collapse{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-vertical.navbar-expand-xl .navbar-collapse [class^=container]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0}.navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav{margin-left:0;margin-right:0}.navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav .nav-link{padding:.5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu-columns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:0;margin:0}.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);color:inherit}.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.disabled{color:var(--tblr-disabled-color);pointer-events:none;background-color:transparent}.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item:active{background:var(--tblr-navbar-active-bg)}.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)}.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)}.navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-vertical.navbar-expand-xl .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:3px;right:auto;top:0;bottom:0}}@media (min-width:1400px){.navbar-vertical.navbar-expand-xxl{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;overflow-y:scroll;padding:0}}@media (min-width:1400px) and (prefers-reduced-motion:reduce){.navbar-vertical.navbar-expand-xxl{-webkit-transition:none;transition:none}}@media (min-width:1400px){.navbar-vertical.navbar-expand-xxl.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand-xxl .navbar-brand{padding:.75rem 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.navbar-vertical.navbar-expand-xxl .navbar-collapse{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.navbar-vertical.navbar-expand-xxl .navbar-nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand-xxl>[class^=container]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;min-height:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0}.navbar-vertical.navbar-expand-xxl~.page{padding-left:15rem}.navbar-vertical.navbar-expand-xxl~.page [class^=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand-xxl.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand-xxl .navbar-collapse{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-vertical.navbar-expand-xxl .navbar-collapse [class^=container]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0}.navbar-vertical.navbar-expand-xxl .navbar-collapse .navbar-nav{margin-left:0;margin-right:0}.navbar-vertical.navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link{padding:.5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu-columns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:0;margin:0}.navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);color:inherit}.navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.disabled{color:var(--tblr-disabled-color);pointer-events:none;background-color:transparent}.navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item:active{background:var(--tblr-navbar-active-bg)}.navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)}.navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)}.navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-vertical.navbar-expand-xxl .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:3px;right:auto;top:0;bottom:0}}.navbar-vertical.navbar-expand{width:15rem;position:fixed;top:0;left:0;bottom:0;z-index:1030;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;overflow-y:scroll;padding:0}@media (prefers-reduced-motion:reduce){.navbar-vertical.navbar-expand{-webkit-transition:none;transition:none}}.navbar-vertical.navbar-expand.navbar-right{left:auto;right:0}.navbar-vertical.navbar-expand .navbar-brand{padding:.75rem 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.navbar-vertical.navbar-expand .navbar-collapse{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.navbar-vertical.navbar-expand .navbar-nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-height:auto}.navbar-vertical.navbar-expand .navbar-nav .nav-link{padding-top:.5rem;padding-bottom:.5rem}.navbar-vertical.navbar-expand>[class^=container]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;min-height:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0}.navbar-vertical.navbar-expand~.page{padding-left:15rem}.navbar-vertical.navbar-expand~.page [class^=container]{padding-left:1.5rem;padding-right:1.5rem}.navbar-vertical.navbar-expand.navbar-right~.page{padding-left:0;padding-right:15rem}.navbar-vertical.navbar-expand .navbar-collapse{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-vertical.navbar-expand .navbar-collapse [class^=container]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0}.navbar-vertical.navbar-expand .navbar-collapse .navbar-nav{margin-left:0;margin-right:0}.navbar-vertical.navbar-expand .navbar-collapse .navbar-nav .nav-link{padding:.5rem calc(calc(var(--tblr-page-padding) * 2)/ 2);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu-columns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:0;margin:0}.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 1.75rem);color:inherit}.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.disabled{color:var(--tblr-disabled-color);pointer-events:none;background-color:transparent}.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item:active{background:var(--tblr-navbar-active-bg)}.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 3.25rem)}.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--tblr-page-padding) * 2)/ 2) + 4.75rem)}.navbar-vertical.navbar-expand .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-vertical.navbar-expand .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:3px;right:auto;top:0;bottom:0}.navbar-overlap:after{content:"";height:9rem;position:absolute;top:100%;left:0;right:0;background:inherit;z-index:-1;-webkit-box-shadow:inherit;box-shadow:inherit}.page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;min-height:100%}.page-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media print{.page-wrapper{margin:0!important}}.page-wrapper-full .page-body:first-child{margin:0;border-top:0}.page-body{margin-top:var(--tblr-page-padding-y);margin-bottom:var(--tblr-page-padding-y);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1}.page-body-card{background:var(--tblr-bg-surface);border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);padding:var(--tblr-page-padding) 0;margin-bottom:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.page-body~.page-body-card{margin-top:0}.page-cover{background:no-repeat center/cover;min-height:9rem}@media (min-width:768px){.page-cover{min-height:12rem}}@media (min-width:992px){.page-cover{min-height:15rem}}.page-cover-overlay{position:relative}.page-cover-overlay:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:-webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(0,0,0,0)),to(rgba(0,0,0,.6)));background-image:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%)}.page-header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:2.25rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page-wrapper .page-header{margin:var(--tblr-page-padding-y) 0 0}.page-header-border{border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);padding:var(--tblr-page-padding-y) 0;margin:0!important;background-color:var(--tblr-bg-surface)}.page-pretitle{font-size:.75rem;font-weight:var(--tblr-font-weight-bold);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--tblr-secondary)}.page-title{margin:0;font-size:var(--tblr-font-size-h2);line-height:var(--tblr-line-height-h2);font-weight:var(--tblr-font-weight-headings);color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-title svg{width:1.5rem;height:1.5rem;margin-right:.25rem}.page-title-lg{font-size:1.5rem;line-height:2rem}.page-subtitle{margin-top:.25rem;color:var(--tblr-secondary)}.page-cover{--tblr-page-cover-blur:20px;--tblr-page-cover-padding:1rem;min-height:6rem;padding:var(--tblr-page-cover-padding) 0;position:relative;overflow:hidden}.page-cover-img{position:absolute;top:calc(-2 * var(--tblr-page-cover-blur,0));left:calc(-2 * var(--tblr-page-cover-blur,0));right:calc(-2 * var(--tblr-page-cover-blur,0));bottom:calc(-2 * var(--tblr-page-cover-blur,0));pointer-events:none;-webkit-filter:blur(var(--tblr-page-cover-blur));filter:blur(var(--tblr-page-cover-blur));-o-object-fit:cover;object-fit:cover;background-size:cover;background-position:center;z-index:-1}.page-tabs{margin-top:.5rem;position:relative}.page-header-tabs .nav-bordered{border:0}.page-header-tabs+.page-body-card{margin-top:0}.footer{border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);background-color:#fff;padding:2rem 0;color:var(--tblr-gray-500);margin-top:auto}.footer-transparent{background-color:transparent;border-top:0}body:not(.theme-dark):not([data-bs-theme=dark]) .hide-theme-light{display:none!important}body:not(.theme-dark):not([data-bs-theme=dark]) .img-dark{display:none!important}body.theme-dark .hide-theme-dark,body[data-bs-theme=dark] .hide-theme-dark{display:none!important}body.theme-dark .img-light,body[data-bs-theme=dark] .img-light{display:none!important}[data-bs-theme=dark],body[data-bs-theme=dark] [data-bs-theme=light]{--tblr-body-color:#dce1e7;--tblr-body-color-rgb:220,225,231;--tblr-muted:#49566c;--tblr-body-bg:#151f2c;--tblr-body-bg-rgb:21,31,44;--tblr-emphasis-color:#ffffff;--tblr-emphasis-color-rgb:255,255,255;--tblr-bg-forms:#151f2c;--tblr-bg-surface:#182433;--tblr-bg-surface-dark:#151f2c;--tblr-bg-surface-secondary:#1b293a;--tblr-bg-surface-tertiary:#151f2c;--tblr-link-color:#0884f8;--tblr-link-hover-color:#066fd1;--tblr-active-bg:#1b293a;--tblr-disabled-color:var(--tblr-gray-700);--tblr-border-color:var(--tblr-dark-mode-border-color);--tblr-border-color-translucent:var(
    --tblr-dark-mode-border-color-translucent
  );--tblr-border-dark-color:var(--tblr-dark-mode-border-dark-color);--tblr-border-active-color:var(
    --tblr-dark-mode-border-active-color
  );--tblr-btn-color:#151f2c;--tblr-code-color:var(--tblr-body-color);--tblr-code-bg:#1f2e41;--tblr-primary-lt:#162c43;--tblr-primary-lt-rgb:22,44,67;--tblr-secondary-lt:#202d3c;--tblr-secondary-lt-rgb:32,45,60;--tblr-success-lt:#1a3235;--tblr-success-lt-rgb:26,50,53;--tblr-info-lt:#1c3044;--tblr-info-lt-rgb:28,48,68;--tblr-warning-lt:#2e2b2f;--tblr-warning-lt-rgb:46,43,47;--tblr-danger-lt:#2b2634;--tblr-danger-lt-rgb:43,38,52;--tblr-light-lt:#2e3947;--tblr-light-lt-rgb:46,57,71;--tblr-dark-lt:#182433;--tblr-dark-lt-rgb:24,36,51;--tblr-muted-lt:#202d3c;--tblr-muted-lt-rgb:32,45,60;--tblr-blue-lt:#162c43;--tblr-blue-lt-rgb:22,44,67;--tblr-azure-lt:#1c3044;--tblr-azure-lt-rgb:28,48,68;--tblr-indigo-lt:#1c2a45;--tblr-indigo-lt-rgb:28,42,69;--tblr-purple-lt:#272742;--tblr-purple-lt-rgb:39,39,66;--tblr-pink-lt:#2b2639;--tblr-pink-lt-rgb:43,38,57;--tblr-red-lt:#2b2634;--tblr-red-lt-rgb:43,38,52;--tblr-orange-lt:#2e2b2f;--tblr-orange-lt-rgb:46,43,47;--tblr-yellow-lt:#2e302e;--tblr-yellow-lt-rgb:46,48,46;--tblr-lime-lt:#213330;--tblr-lime-lt-rgb:33,51,48;--tblr-green-lt:#1a3235;--tblr-green-lt-rgb:26,50,53;--tblr-teal-lt:#17313a;--tblr-teal-lt-rgb:23,49,58;--tblr-cyan-lt:#183140;--tblr-cyan-lt-rgb:24,49,64;--tblr-x-lt:#16202e;--tblr-x-lt-rgb:22,32,46;--tblr-facebook-lt:#182c46;--tblr-facebook-lt-rgb:24,44,70;--tblr-twitter-lt:#193146;--tblr-twitter-lt-rgb:25,49,70;--tblr-linkedin-lt:#172b41;--tblr-linkedin-lt-rgb:23,43,65;--tblr-google-lt:#2c2834;--tblr-google-lt-rgb:44,40,52;--tblr-youtube-lt:#2f202e;--tblr-youtube-lt-rgb:47,32,46;--tblr-vimeo-lt:#183345;--tblr-vimeo-lt-rgb:24,51,69;--tblr-dribbble-lt:#2d283c;--tblr-dribbble-lt-rgb:45,40,60;--tblr-github-lt:#182330;--tblr-github-lt-rgb:24,35,48;--tblr-instagram-lt:#2c2737;--tblr-instagram-lt-rgb:44,39,55;--tblr-pinterest-lt:#292131;--tblr-pinterest-lt-rgb:41,33,49;--tblr-vk-lt:#202e3f;--tblr-vk-lt-rgb:32,46,63;--tblr-rss-lt:#2f312e;--tblr-rss-lt-rgb:47,49,46;--tblr-flickr-lt:#162a44;--tblr-flickr-lt-rgb:22,42,68;--tblr-bitbucket-lt:#162942;--tblr-bitbucket-lt-rgb:22,41,66;--tblr-tabler-lt:#162c43;--tblr-tabler-lt-rgb:22,44,67}[data-bs-theme=dark] .navbar-brand-autodark .navbar-brand-image{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.accordion{--tblr-accordion-color:var(--tblr-body-color)}.accordion-button:focus:not(:focus-visible){outline:0;-webkit-box-shadow:none;box-shadow:none}.accordion-button:after{opacity:.7}.accordion-button:not(.collapsed){font-weight:var(--tblr-font-weight-bold);border-bottom-color:transparent;-webkit-box-shadow:none;box-shadow:none}.accordion-button:not(.collapsed):after{opacity:1}.alert{--tblr-alert-color:var(--tblr-secondary);--tblr-alert-bg:var(--tblr-bg-surface);border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);border-left:.25rem var(--tblr-border-style) var(--tblr-alert-color);-webkit-box-shadow:rgba(24,36,51,.04) 0 2px 4px 0;box-shadow:rgba(24,36,51,.04) 0 2px 4px 0}.alert>:last-child{margin-bottom:0}.alert-important{border-color:transparent;background:var(--tblr-alert-color);color:#fff}.alert-important .alert-icon,.alert-important .alert-link,.alert-important .alert-title{color:inherit}.alert-important .alert-link:hover{color:inherit}.alert-important .btn-close{-webkit-filter:var(--tblr-btn-close-white-filter);filter:var(--tblr-btn-close-white-filter)}.alert-link,.alert-link:hover{color:var(--tblr-alert-color)}.alert-primary{--tblr-alert-color:var(--tblr-primary)}.alert-secondary{--tblr-alert-color:var(--tblr-secondary)}.alert-success{--tblr-alert-color:var(--tblr-success)}.alert-info{--tblr-alert-color:var(--tblr-info)}.alert-warning{--tblr-alert-color:var(--tblr-warning)}.alert-danger{--tblr-alert-color:var(--tblr-danger)}.alert-light{--tblr-alert-color:var(--tblr-light)}.alert-dark{--tblr-alert-color:var(--tblr-dark)}.alert-muted{--tblr-alert-color:var(--tblr-muted)}.alert-blue{--tblr-alert-color:var(--tblr-blue)}.alert-azure{--tblr-alert-color:var(--tblr-azure)}.alert-indigo{--tblr-alert-color:var(--tblr-indigo)}.alert-purple{--tblr-alert-color:var(--tblr-purple)}.alert-pink{--tblr-alert-color:var(--tblr-pink)}.alert-red{--tblr-alert-color:var(--tblr-red)}.alert-orange{--tblr-alert-color:var(--tblr-orange)}.alert-yellow{--tblr-alert-color:var(--tblr-yellow)}.alert-lime{--tblr-alert-color:var(--tblr-lime)}.alert-green{--tblr-alert-color:var(--tblr-green)}.alert-teal{--tblr-alert-color:var(--tblr-teal)}.alert-cyan{--tblr-alert-color:var(--tblr-cyan)}.alert-x{--tblr-alert-color:var(--tblr-x)}.alert-facebook{--tblr-alert-color:var(--tblr-facebook)}.alert-twitter{--tblr-alert-color:var(--tblr-twitter)}.alert-linkedin{--tblr-alert-color:var(--tblr-linkedin)}.alert-google{--tblr-alert-color:var(--tblr-google)}.alert-youtube{--tblr-alert-color:var(--tblr-youtube)}.alert-vimeo{--tblr-alert-color:var(--tblr-vimeo)}.alert-dribbble{--tblr-alert-color:var(--tblr-dribbble)}.alert-github{--tblr-alert-color:var(--tblr-github)}.alert-instagram{--tblr-alert-color:var(--tblr-instagram)}.alert-pinterest{--tblr-alert-color:var(--tblr-pinterest)}.alert-vk{--tblr-alert-color:var(--tblr-vk)}.alert-rss{--tblr-alert-color:var(--tblr-rss)}.alert-flickr{--tblr-alert-color:var(--tblr-flickr)}.alert-bitbucket{--tblr-alert-color:var(--tblr-bitbucket)}.alert-tabler{--tblr-alert-color:var(--tblr-tabler)}.alert-icon{color:var(--tblr-alert-color);width:1.5rem!important;height:1.5rem!important;margin:-.125rem 1rem -.125rem 0}.alert-title{font-size:.875rem;line-height:1.25rem;font-weight:var(--tblr-font-weight-bold);margin-bottom:.25rem;color:var(--tblr-alert-color)}.avatar{--tblr-avatar-size:2.5rem;--tblr-avatar-status-size:0.75rem;--tblr-avatar-bg:var(--tblr-bg-surface-secondary);--tblr-avatar-box-shadow:var(--tblr-box-shadow-border);--tblr-avatar-font-size:1rem;--tblr-avatar-icon-size:1.5rem;position:relative;width:var(--tblr-avatar-size);height:var(--tblr-avatar-size);font-size:var(--tblr-avatar-font-size);font-weight:var(--tblr-font-weight-medium);line-height:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--tblr-secondary);text-align:center;text-transform:uppercase;vertical-align:bottom;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:var(--tblr-avatar-bg) no-repeat center/cover;border-radius:var(--tblr-border-radius);-webkit-box-shadow:var(--tblr-avatar-box-shadow);box-shadow:var(--tblr-avatar-box-shadow)}.avatar .icon{width:var(--tblr-avatar-icon-size);height:var(--tblr-avatar-icon-size)}.avatar .badge{position:absolute;right:0;bottom:0;border-radius:100rem;-webkit-box-shadow:0 0 0 calc(var(--tblr-avatar-status-size)/ 4) var(--tblr-bg-surface);box-shadow:0 0 0 calc(var(--tblr-avatar-status-size)/ 4) var(--tblr-bg-surface)}a.avatar{cursor:pointer}.avatar-rounded{border-radius:100rem}.avatar-xxs{--tblr-avatar-size:1rem;--tblr-avatar-status-size:0.25rem;--tblr-avatar-font-size:0.5rem;--tblr-avatar-icon-size:0.75rem}.avatar-xxs .badge:empty{width:.25rem;height:.25rem}.avatar-xs{--tblr-avatar-size:1.25rem;--tblr-avatar-status-size:0.375rem;--tblr-avatar-font-size:0.625rem;--tblr-avatar-icon-size:0.75rem}.avatar-xs .badge:empty{width:.375rem;height:.375rem}.avatar-sm{--tblr-avatar-size:2rem;--tblr-avatar-status-size:0.5rem;--tblr-avatar-font-size:0.75rem;--tblr-avatar-icon-size:1.5rem}.avatar-sm .badge:empty{width:.5rem;height:.5rem}.avatar-md{--tblr-avatar-size:2.5rem;--tblr-avatar-status-size:0.75rem;--tblr-avatar-font-size:0.875rem;--tblr-avatar-icon-size:1.5rem}.avatar-md .badge:empty{width:.75rem;height:.75rem}.avatar-lg{--tblr-avatar-size:3rem;--tblr-avatar-status-size:0.75rem;--tblr-avatar-font-size:1.25rem;--tblr-avatar-icon-size:2rem}.avatar-lg .badge:empty{width:.75rem;height:.75rem}.avatar-xl{--tblr-avatar-size:5rem;--tblr-avatar-status-size:1rem;--tblr-avatar-font-size:2rem;--tblr-avatar-icon-size:3rem}.avatar-xl .badge:empty{width:1rem;height:1rem}.avatar-2xl{--tblr-avatar-size:7rem;--tblr-avatar-status-size:1rem;--tblr-avatar-font-size:3rem;--tblr-avatar-icon-size:5rem}.avatar-2xl .badge:empty{width:1rem;height:1rem}.avatar-list{--tblr-list-gap:0.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--tblr-list-gap)}.avatar-list a.avatar:hover{z-index:1}.avatar-list-stacked{display:block;--tblr-list-gap:0}.avatar-list-stacked .avatar{margin-right:calc(-.5 * var(--tblr-avatar-size))!important;-webkit-box-shadow:var(--tblr-avatar-box-shadow),0 0 0 2px var(--tblr-card-cap-bg,var(--tblr-card-bg,var(--tblr-bg-surface)));box-shadow:var(--tblr-avatar-box-shadow),0 0 0 2px var(--tblr-card-cap-bg,var(--tblr-card-bg,var(--tblr-bg-surface)))}.avatar-upload{width:4rem;height:4rem;border:var(--tblr-border-width) dashed var(--tblr-border-color);background:var(--tblr-bg-forms);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:color .3s,background-color .3s;transition:color .3s,background-color .3s}@media (prefers-reduced-motion:reduce){.avatar-upload{-webkit-transition:none;transition:none}}.avatar-upload svg{width:1.5rem;height:1.5rem;stroke-width:1}.avatar-upload:hover{border-color:var(--tblr-primary);color:var(--tblr-primary);text-decoration:none}.avatar-upload-text{font-size:.625rem;line-height:1;margin-top:.25rem}.avatar-cover{margin-top:calc(-.5 * var(--tblr-avatar-size));-webkit-box-shadow:0 0 0 .25rem var(--tblr-card-bg,var(--tblr-body-bg));box-shadow:0 0 0 .25rem var(--tblr-card-bg,var(--tblr-body-bg))}.badge{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--tblr-bg-surface-secondary);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:var(--tblr-border-width) var(--tblr-border-style) transparent;min-width:1.35714285em;font-weight:var(--tblr-font-weight-bold);letter-spacing:.04em;vertical-align:bottom}a.badge{color:var(--tblr-bg-surface)}.badge .avatar{-webkit-box-sizing:content-box;box-sizing:content-box;width:1.25rem;height:1.25rem;margin:0 .5rem 0 -.5rem}.badge .icon{width:1em;height:1em;font-size:1rem;stroke-width:2}.badge-empty,.badge:empty{display:inline-block;width:.5rem;height:.5rem;min-width:0;min-height:auto;padding:0;border-radius:100rem;vertical-align:baseline}.badge-outline{background-color:transparent;border:var(--tblr-border-width) var(--tblr-border-style) currentColor}.badge-pill{border-radius:100rem}.badges-list{--tblr-list-gap:0.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--tblr-list-gap)}.badge-notification{position:absolute!important;top:0!important;right:0!important;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);z-index:1}.badge-blink{-webkit-animation:blink 2s infinite;animation:blink 2s infinite}.breadcrumb{--tblr-breadcrumb-item-active-font-weight:var(--tblr-font-weight-bold);--tblr-breadcrumb-item-disabled-color:var(--tblr-disabled-color);--tblr-breadcrumb-link-color:var(--tblr-link-color);padding:0;margin:0;background:0 0}.breadcrumb a{color:var(--tblr-breadcrumb-link-color)}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-muted{--tblr-breadcrumb-link-color:var(--tblr-secondary)}.breadcrumb-item.active{font-weight:var(--tblr-breadcrumb-item-active-font-weight)}.breadcrumb-item.active a{color:inherit;pointer-events:none}.breadcrumb-item.disabled{color:var(--tblr-breadcrumb-item-disabled-color)}.breadcrumb-item.disabled:before{color:inherit}.breadcrumb-item.disabled a{color:inherit;pointer-events:none}.breadcrumb-dots{--tblr-breadcrumb-divider:"·"}.breadcrumb-arrows{--tblr-breadcrumb-divider:"›"}.breadcrumb-bullets{--tblr-breadcrumb-divider:"•"}.btn{--tblr-btn-icon-size:1.25rem;--tblr-btn-bg:var(--tblr-bg-surface);--tblr-btn-color:var(--tblr-body-color);--tblr-btn-border-color:var(--tblr-border-color);--tblr-btn-hover-bg:var(--tblr-btn-bg);--tblr-btn-hover-border-color:var(--tblr-border-active-color);--tblr-btn-box-shadow:var(--tblr-box-shadow-input);--tblr-btn-active-color:var(--tblr-primary);--tblr-btn-active-bg:rgba(var(--tblr-primary-rgb), 0.04);--tblr-btn-active-border-color:var(--tblr-primary);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap;-webkit-box-shadow:var(--tblr-btn-box-shadow);box-shadow:var(--tblr-btn-box-shadow)}.btn .icon{width:var(--tblr-btn-icon-size);height:var(--tblr-btn-icon-size);min-width:var(--tblr-btn-icon-size);font-size:var(--tblr-btn-icon-size);margin:0 calc(var(--tblr-btn-padding-x)/ 2) 0 calc(var(--tblr-btn-padding-x)/ -4);vertical-align:bottom;color:inherit}.btn .avatar{width:var(--tblr-btn-icon-size);height:var(--tblr-btn-icon-size);margin:0 calc(var(--tblr-btn-padding-x)/ 2) 0 calc(var(--tblr-btn-padding-x)/ -4)}.btn .icon-right{margin:0 calc(var(--tblr-btn-padding-x)/ -4) 0 calc(var(--tblr-btn-padding-x)/ 2)}.btn .badge{top:auto}.btn-check+.btn:hover{color:var(--tblr-btn-hover-color);background-color:var(--tblr-btn-hover-bg);border-color:var(--tblr-btn-hover-border-color)}.btn-link{color:#077cea;background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link .icon{color:inherit}.btn-link:hover{color:#0559a7;border-color:transparent}.btn-primary{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-primary-fg);--tblr-btn-bg:var(--tblr-primary);--tblr-btn-hover-color:var(--tblr-primary-fg);--tblr-btn-hover-bg:var(--tblr-primary-darken);--tblr-btn-active-color:var(--tblr-primary-fg);--tblr-btn-active-bg:var(--tblr-primary-darken);--tblr-btn-disabled-bg:var(--tblr-primary);--tblr-btn-disabled-color:var(--tblr-primary-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-primary{--tblr-btn-color:var(--tblr-primary);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-primary);--tblr-btn-hover-color:var(--tblr-primary-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-primary);--tblr-btn-active-color:var(--tblr-primary-fg);--tblr-btn-active-bg:var(--tblr-primary);--tblr-btn-disabled-color:var(--tblr-primary);--tblr-btn-disabled-border-color:var(--tblr-primary)}.btn-secondary{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-secondary-fg);--tblr-btn-bg:var(--tblr-secondary);--tblr-btn-hover-color:var(--tblr-secondary-fg);--tblr-btn-hover-bg:var(--tblr-secondary-darken);--tblr-btn-active-color:var(--tblr-secondary-fg);--tblr-btn-active-bg:var(--tblr-secondary-darken);--tblr-btn-disabled-bg:var(--tblr-secondary);--tblr-btn-disabled-color:var(--tblr-secondary-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-secondary{--tblr-btn-color:var(--tblr-secondary);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-secondary);--tblr-btn-hover-color:var(--tblr-secondary-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-secondary);--tblr-btn-active-color:var(--tblr-secondary-fg);--tblr-btn-active-bg:var(--tblr-secondary);--tblr-btn-disabled-color:var(--tblr-secondary);--tblr-btn-disabled-border-color:var(--tblr-secondary)}.btn-success{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-success-fg);--tblr-btn-bg:var(--tblr-success);--tblr-btn-hover-color:var(--tblr-success-fg);--tblr-btn-hover-bg:var(--tblr-success-darken);--tblr-btn-active-color:var(--tblr-success-fg);--tblr-btn-active-bg:var(--tblr-success-darken);--tblr-btn-disabled-bg:var(--tblr-success);--tblr-btn-disabled-color:var(--tblr-success-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-success{--tblr-btn-color:var(--tblr-success);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-success);--tblr-btn-hover-color:var(--tblr-success-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-success);--tblr-btn-active-color:var(--tblr-success-fg);--tblr-btn-active-bg:var(--tblr-success);--tblr-btn-disabled-color:var(--tblr-success);--tblr-btn-disabled-border-color:var(--tblr-success)}.btn-info{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-info-fg);--tblr-btn-bg:var(--tblr-info);--tblr-btn-hover-color:var(--tblr-info-fg);--tblr-btn-hover-bg:var(--tblr-info-darken);--tblr-btn-active-color:var(--tblr-info-fg);--tblr-btn-active-bg:var(--tblr-info-darken);--tblr-btn-disabled-bg:var(--tblr-info);--tblr-btn-disabled-color:var(--tblr-info-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-info{--tblr-btn-color:var(--tblr-info);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-info);--tblr-btn-hover-color:var(--tblr-info-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-info);--tblr-btn-active-color:var(--tblr-info-fg);--tblr-btn-active-bg:var(--tblr-info);--tblr-btn-disabled-color:var(--tblr-info);--tblr-btn-disabled-border-color:var(--tblr-info)}.btn-warning{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-warning-fg);--tblr-btn-bg:var(--tblr-warning);--tblr-btn-hover-color:var(--tblr-warning-fg);--tblr-btn-hover-bg:var(--tblr-warning-darken);--tblr-btn-active-color:var(--tblr-warning-fg);--tblr-btn-active-bg:var(--tblr-warning-darken);--tblr-btn-disabled-bg:var(--tblr-warning);--tblr-btn-disabled-color:var(--tblr-warning-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-warning{--tblr-btn-color:var(--tblr-warning);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-warning);--tblr-btn-hover-color:var(--tblr-warning-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-warning);--tblr-btn-active-color:var(--tblr-warning-fg);--tblr-btn-active-bg:var(--tblr-warning);--tblr-btn-disabled-color:var(--tblr-warning);--tblr-btn-disabled-border-color:var(--tblr-warning)}.btn-danger{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-danger-fg);--tblr-btn-bg:var(--tblr-danger);--tblr-btn-hover-color:var(--tblr-danger-fg);--tblr-btn-hover-bg:var(--tblr-danger-darken);--tblr-btn-active-color:var(--tblr-danger-fg);--tblr-btn-active-bg:var(--tblr-danger-darken);--tblr-btn-disabled-bg:var(--tblr-danger);--tblr-btn-disabled-color:var(--tblr-danger-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-danger{--tblr-btn-color:var(--tblr-danger);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-danger);--tblr-btn-hover-color:var(--tblr-danger-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-danger);--tblr-btn-active-color:var(--tblr-danger-fg);--tblr-btn-active-bg:var(--tblr-danger);--tblr-btn-disabled-color:var(--tblr-danger);--tblr-btn-disabled-border-color:var(--tblr-danger)}.btn-light{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-light-fg);--tblr-btn-bg:var(--tblr-light);--tblr-btn-hover-color:var(--tblr-light-fg);--tblr-btn-hover-bg:var(--tblr-light-darken);--tblr-btn-active-color:var(--tblr-light-fg);--tblr-btn-active-bg:var(--tblr-light-darken);--tblr-btn-disabled-bg:var(--tblr-light);--tblr-btn-disabled-color:var(--tblr-light-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-light{--tblr-btn-color:var(--tblr-light);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-light);--tblr-btn-hover-color:var(--tblr-light-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-light);--tblr-btn-active-color:var(--tblr-light-fg);--tblr-btn-active-bg:var(--tblr-light);--tblr-btn-disabled-color:var(--tblr-light);--tblr-btn-disabled-border-color:var(--tblr-light)}.btn-dark{--tblr-btn-border-color:var(--tblr-dark-mode-border-color);--tblr-btn-hover-border-color:var(--tblr-dark-mode-border-active-color);--tblr-btn-active-border-color:var(--tblr-dark-mode-border-active-color);--tblr-btn-color:var(--tblr-dark-fg);--tblr-btn-bg:var(--tblr-dark);--tblr-btn-hover-color:var(--tblr-dark-fg);--tblr-btn-hover-bg:var(--tblr-dark-darken);--tblr-btn-active-color:var(--tblr-dark-fg);--tblr-btn-active-bg:var(--tblr-dark-darken);--tblr-btn-disabled-bg:var(--tblr-dark);--tblr-btn-disabled-color:var(--tblr-dark-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-dark{--tblr-btn-color:var(--tblr-dark);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-dark);--tblr-btn-hover-color:var(--tblr-dark-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-dark);--tblr-btn-active-color:var(--tblr-dark-fg);--tblr-btn-active-bg:var(--tblr-dark);--tblr-btn-disabled-color:var(--tblr-dark);--tblr-btn-disabled-border-color:var(--tblr-dark)}.btn-muted{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-muted-fg);--tblr-btn-bg:var(--tblr-muted);--tblr-btn-hover-color:var(--tblr-muted-fg);--tblr-btn-hover-bg:var(--tblr-muted-darken);--tblr-btn-active-color:var(--tblr-muted-fg);--tblr-btn-active-bg:var(--tblr-muted-darken);--tblr-btn-disabled-bg:var(--tblr-muted);--tblr-btn-disabled-color:var(--tblr-muted-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-muted{--tblr-btn-color:var(--tblr-muted);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-muted);--tblr-btn-hover-color:var(--tblr-muted-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-muted);--tblr-btn-active-color:var(--tblr-muted-fg);--tblr-btn-active-bg:var(--tblr-muted);--tblr-btn-disabled-color:var(--tblr-muted);--tblr-btn-disabled-border-color:var(--tblr-muted)}.btn-blue{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-blue-fg);--tblr-btn-bg:var(--tblr-blue);--tblr-btn-hover-color:var(--tblr-blue-fg);--tblr-btn-hover-bg:var(--tblr-blue-darken);--tblr-btn-active-color:var(--tblr-blue-fg);--tblr-btn-active-bg:var(--tblr-blue-darken);--tblr-btn-disabled-bg:var(--tblr-blue);--tblr-btn-disabled-color:var(--tblr-blue-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-blue{--tblr-btn-color:var(--tblr-blue);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-blue);--tblr-btn-hover-color:var(--tblr-blue-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-blue);--tblr-btn-active-color:var(--tblr-blue-fg);--tblr-btn-active-bg:var(--tblr-blue);--tblr-btn-disabled-color:var(--tblr-blue);--tblr-btn-disabled-border-color:var(--tblr-blue)}.btn-azure{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-azure-fg);--tblr-btn-bg:var(--tblr-azure);--tblr-btn-hover-color:var(--tblr-azure-fg);--tblr-btn-hover-bg:var(--tblr-azure-darken);--tblr-btn-active-color:var(--tblr-azure-fg);--tblr-btn-active-bg:var(--tblr-azure-darken);--tblr-btn-disabled-bg:var(--tblr-azure);--tblr-btn-disabled-color:var(--tblr-azure-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-azure{--tblr-btn-color:var(--tblr-azure);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-azure);--tblr-btn-hover-color:var(--tblr-azure-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-azure);--tblr-btn-active-color:var(--tblr-azure-fg);--tblr-btn-active-bg:var(--tblr-azure);--tblr-btn-disabled-color:var(--tblr-azure);--tblr-btn-disabled-border-color:var(--tblr-azure)}.btn-indigo{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-indigo-fg);--tblr-btn-bg:var(--tblr-indigo);--tblr-btn-hover-color:var(--tblr-indigo-fg);--tblr-btn-hover-bg:var(--tblr-indigo-darken);--tblr-btn-active-color:var(--tblr-indigo-fg);--tblr-btn-active-bg:var(--tblr-indigo-darken);--tblr-btn-disabled-bg:var(--tblr-indigo);--tblr-btn-disabled-color:var(--tblr-indigo-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-indigo{--tblr-btn-color:var(--tblr-indigo);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-indigo);--tblr-btn-hover-color:var(--tblr-indigo-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-indigo);--tblr-btn-active-color:var(--tblr-indigo-fg);--tblr-btn-active-bg:var(--tblr-indigo);--tblr-btn-disabled-color:var(--tblr-indigo);--tblr-btn-disabled-border-color:var(--tblr-indigo)}.btn-purple{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-purple-fg);--tblr-btn-bg:var(--tblr-purple);--tblr-btn-hover-color:var(--tblr-purple-fg);--tblr-btn-hover-bg:var(--tblr-purple-darken);--tblr-btn-active-color:var(--tblr-purple-fg);--tblr-btn-active-bg:var(--tblr-purple-darken);--tblr-btn-disabled-bg:var(--tblr-purple);--tblr-btn-disabled-color:var(--tblr-purple-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-purple{--tblr-btn-color:var(--tblr-purple);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-purple);--tblr-btn-hover-color:var(--tblr-purple-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-purple);--tblr-btn-active-color:var(--tblr-purple-fg);--tblr-btn-active-bg:var(--tblr-purple);--tblr-btn-disabled-color:var(--tblr-purple);--tblr-btn-disabled-border-color:var(--tblr-purple)}.btn-pink{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-pink-fg);--tblr-btn-bg:var(--tblr-pink);--tblr-btn-hover-color:var(--tblr-pink-fg);--tblr-btn-hover-bg:var(--tblr-pink-darken);--tblr-btn-active-color:var(--tblr-pink-fg);--tblr-btn-active-bg:var(--tblr-pink-darken);--tblr-btn-disabled-bg:var(--tblr-pink);--tblr-btn-disabled-color:var(--tblr-pink-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-pink{--tblr-btn-color:var(--tblr-pink);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-pink);--tblr-btn-hover-color:var(--tblr-pink-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-pink);--tblr-btn-active-color:var(--tblr-pink-fg);--tblr-btn-active-bg:var(--tblr-pink);--tblr-btn-disabled-color:var(--tblr-pink);--tblr-btn-disabled-border-color:var(--tblr-pink)}.btn-red{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-red-fg);--tblr-btn-bg:var(--tblr-red);--tblr-btn-hover-color:var(--tblr-red-fg);--tblr-btn-hover-bg:var(--tblr-red-darken);--tblr-btn-active-color:var(--tblr-red-fg);--tblr-btn-active-bg:var(--tblr-red-darken);--tblr-btn-disabled-bg:var(--tblr-red);--tblr-btn-disabled-color:var(--tblr-red-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-red{--tblr-btn-color:var(--tblr-red);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-red);--tblr-btn-hover-color:var(--tblr-red-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-red);--tblr-btn-active-color:var(--tblr-red-fg);--tblr-btn-active-bg:var(--tblr-red);--tblr-btn-disabled-color:var(--tblr-red);--tblr-btn-disabled-border-color:var(--tblr-red)}.btn-orange{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-orange-fg);--tblr-btn-bg:var(--tblr-orange);--tblr-btn-hover-color:var(--tblr-orange-fg);--tblr-btn-hover-bg:var(--tblr-orange-darken);--tblr-btn-active-color:var(--tblr-orange-fg);--tblr-btn-active-bg:var(--tblr-orange-darken);--tblr-btn-disabled-bg:var(--tblr-orange);--tblr-btn-disabled-color:var(--tblr-orange-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-orange{--tblr-btn-color:var(--tblr-orange);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-orange);--tblr-btn-hover-color:var(--tblr-orange-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-orange);--tblr-btn-active-color:var(--tblr-orange-fg);--tblr-btn-active-bg:var(--tblr-orange);--tblr-btn-disabled-color:var(--tblr-orange);--tblr-btn-disabled-border-color:var(--tblr-orange)}.btn-yellow{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-yellow-fg);--tblr-btn-bg:var(--tblr-yellow);--tblr-btn-hover-color:var(--tblr-yellow-fg);--tblr-btn-hover-bg:var(--tblr-yellow-darken);--tblr-btn-active-color:var(--tblr-yellow-fg);--tblr-btn-active-bg:var(--tblr-yellow-darken);--tblr-btn-disabled-bg:var(--tblr-yellow);--tblr-btn-disabled-color:var(--tblr-yellow-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-yellow{--tblr-btn-color:var(--tblr-yellow);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-yellow);--tblr-btn-hover-color:var(--tblr-yellow-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-yellow);--tblr-btn-active-color:var(--tblr-yellow-fg);--tblr-btn-active-bg:var(--tblr-yellow);--tblr-btn-disabled-color:var(--tblr-yellow);--tblr-btn-disabled-border-color:var(--tblr-yellow)}.btn-lime{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-lime-fg);--tblr-btn-bg:var(--tblr-lime);--tblr-btn-hover-color:var(--tblr-lime-fg);--tblr-btn-hover-bg:var(--tblr-lime-darken);--tblr-btn-active-color:var(--tblr-lime-fg);--tblr-btn-active-bg:var(--tblr-lime-darken);--tblr-btn-disabled-bg:var(--tblr-lime);--tblr-btn-disabled-color:var(--tblr-lime-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-lime{--tblr-btn-color:var(--tblr-lime);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-lime);--tblr-btn-hover-color:var(--tblr-lime-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-lime);--tblr-btn-active-color:var(--tblr-lime-fg);--tblr-btn-active-bg:var(--tblr-lime);--tblr-btn-disabled-color:var(--tblr-lime);--tblr-btn-disabled-border-color:var(--tblr-lime)}.btn-green{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-green-fg);--tblr-btn-bg:var(--tblr-green);--tblr-btn-hover-color:var(--tblr-green-fg);--tblr-btn-hover-bg:var(--tblr-green-darken);--tblr-btn-active-color:var(--tblr-green-fg);--tblr-btn-active-bg:var(--tblr-green-darken);--tblr-btn-disabled-bg:var(--tblr-green);--tblr-btn-disabled-color:var(--tblr-green-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-green{--tblr-btn-color:var(--tblr-green);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-green);--tblr-btn-hover-color:var(--tblr-green-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-green);--tblr-btn-active-color:var(--tblr-green-fg);--tblr-btn-active-bg:var(--tblr-green);--tblr-btn-disabled-color:var(--tblr-green);--tblr-btn-disabled-border-color:var(--tblr-green)}.btn-teal{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-teal-fg);--tblr-btn-bg:var(--tblr-teal);--tblr-btn-hover-color:var(--tblr-teal-fg);--tblr-btn-hover-bg:var(--tblr-teal-darken);--tblr-btn-active-color:var(--tblr-teal-fg);--tblr-btn-active-bg:var(--tblr-teal-darken);--tblr-btn-disabled-bg:var(--tblr-teal);--tblr-btn-disabled-color:var(--tblr-teal-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-teal{--tblr-btn-color:var(--tblr-teal);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-teal);--tblr-btn-hover-color:var(--tblr-teal-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-teal);--tblr-btn-active-color:var(--tblr-teal-fg);--tblr-btn-active-bg:var(--tblr-teal);--tblr-btn-disabled-color:var(--tblr-teal);--tblr-btn-disabled-border-color:var(--tblr-teal)}.btn-cyan{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-cyan-fg);--tblr-btn-bg:var(--tblr-cyan);--tblr-btn-hover-color:var(--tblr-cyan-fg);--tblr-btn-hover-bg:var(--tblr-cyan-darken);--tblr-btn-active-color:var(--tblr-cyan-fg);--tblr-btn-active-bg:var(--tblr-cyan-darken);--tblr-btn-disabled-bg:var(--tblr-cyan);--tblr-btn-disabled-color:var(--tblr-cyan-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-cyan{--tblr-btn-color:var(--tblr-cyan);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-cyan);--tblr-btn-hover-color:var(--tblr-cyan-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-cyan);--tblr-btn-active-color:var(--tblr-cyan-fg);--tblr-btn-active-bg:var(--tblr-cyan);--tblr-btn-disabled-color:var(--tblr-cyan);--tblr-btn-disabled-border-color:var(--tblr-cyan)}.btn-x{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-x-fg);--tblr-btn-bg:var(--tblr-x);--tblr-btn-hover-color:var(--tblr-x-fg);--tblr-btn-hover-bg:var(--tblr-x-darken);--tblr-btn-active-color:var(--tblr-x-fg);--tblr-btn-active-bg:var(--tblr-x-darken);--tblr-btn-disabled-bg:var(--tblr-x);--tblr-btn-disabled-color:var(--tblr-x-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-x{--tblr-btn-color:var(--tblr-x);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-x);--tblr-btn-hover-color:var(--tblr-x-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-x);--tblr-btn-active-color:var(--tblr-x-fg);--tblr-btn-active-bg:var(--tblr-x);--tblr-btn-disabled-color:var(--tblr-x);--tblr-btn-disabled-border-color:var(--tblr-x)}.btn-facebook{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-facebook-fg);--tblr-btn-bg:var(--tblr-facebook);--tblr-btn-hover-color:var(--tblr-facebook-fg);--tblr-btn-hover-bg:var(--tblr-facebook-darken);--tblr-btn-active-color:var(--tblr-facebook-fg);--tblr-btn-active-bg:var(--tblr-facebook-darken);--tblr-btn-disabled-bg:var(--tblr-facebook);--tblr-btn-disabled-color:var(--tblr-facebook-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-facebook{--tblr-btn-color:var(--tblr-facebook);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-facebook);--tblr-btn-hover-color:var(--tblr-facebook-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-facebook);--tblr-btn-active-color:var(--tblr-facebook-fg);--tblr-btn-active-bg:var(--tblr-facebook);--tblr-btn-disabled-color:var(--tblr-facebook);--tblr-btn-disabled-border-color:var(--tblr-facebook)}.btn-twitter{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-twitter-fg);--tblr-btn-bg:var(--tblr-twitter);--tblr-btn-hover-color:var(--tblr-twitter-fg);--tblr-btn-hover-bg:var(--tblr-twitter-darken);--tblr-btn-active-color:var(--tblr-twitter-fg);--tblr-btn-active-bg:var(--tblr-twitter-darken);--tblr-btn-disabled-bg:var(--tblr-twitter);--tblr-btn-disabled-color:var(--tblr-twitter-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-twitter{--tblr-btn-color:var(--tblr-twitter);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-twitter);--tblr-btn-hover-color:var(--tblr-twitter-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-twitter);--tblr-btn-active-color:var(--tblr-twitter-fg);--tblr-btn-active-bg:var(--tblr-twitter);--tblr-btn-disabled-color:var(--tblr-twitter);--tblr-btn-disabled-border-color:var(--tblr-twitter)}.btn-linkedin{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-linkedin-fg);--tblr-btn-bg:var(--tblr-linkedin);--tblr-btn-hover-color:var(--tblr-linkedin-fg);--tblr-btn-hover-bg:var(--tblr-linkedin-darken);--tblr-btn-active-color:var(--tblr-linkedin-fg);--tblr-btn-active-bg:var(--tblr-linkedin-darken);--tblr-btn-disabled-bg:var(--tblr-linkedin);--tblr-btn-disabled-color:var(--tblr-linkedin-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-linkedin{--tblr-btn-color:var(--tblr-linkedin);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-linkedin);--tblr-btn-hover-color:var(--tblr-linkedin-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-linkedin);--tblr-btn-active-color:var(--tblr-linkedin-fg);--tblr-btn-active-bg:var(--tblr-linkedin);--tblr-btn-disabled-color:var(--tblr-linkedin);--tblr-btn-disabled-border-color:var(--tblr-linkedin)}.btn-google{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-google-fg);--tblr-btn-bg:var(--tblr-google);--tblr-btn-hover-color:var(--tblr-google-fg);--tblr-btn-hover-bg:var(--tblr-google-darken);--tblr-btn-active-color:var(--tblr-google-fg);--tblr-btn-active-bg:var(--tblr-google-darken);--tblr-btn-disabled-bg:var(--tblr-google);--tblr-btn-disabled-color:var(--tblr-google-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-google{--tblr-btn-color:var(--tblr-google);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-google);--tblr-btn-hover-color:var(--tblr-google-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-google);--tblr-btn-active-color:var(--tblr-google-fg);--tblr-btn-active-bg:var(--tblr-google);--tblr-btn-disabled-color:var(--tblr-google);--tblr-btn-disabled-border-color:var(--tblr-google)}.btn-youtube{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-youtube-fg);--tblr-btn-bg:var(--tblr-youtube);--tblr-btn-hover-color:var(--tblr-youtube-fg);--tblr-btn-hover-bg:var(--tblr-youtube-darken);--tblr-btn-active-color:var(--tblr-youtube-fg);--tblr-btn-active-bg:var(--tblr-youtube-darken);--tblr-btn-disabled-bg:var(--tblr-youtube);--tblr-btn-disabled-color:var(--tblr-youtube-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-youtube{--tblr-btn-color:var(--tblr-youtube);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-youtube);--tblr-btn-hover-color:var(--tblr-youtube-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-youtube);--tblr-btn-active-color:var(--tblr-youtube-fg);--tblr-btn-active-bg:var(--tblr-youtube);--tblr-btn-disabled-color:var(--tblr-youtube);--tblr-btn-disabled-border-color:var(--tblr-youtube)}.btn-vimeo{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-vimeo-fg);--tblr-btn-bg:var(--tblr-vimeo);--tblr-btn-hover-color:var(--tblr-vimeo-fg);--tblr-btn-hover-bg:var(--tblr-vimeo-darken);--tblr-btn-active-color:var(--tblr-vimeo-fg);--tblr-btn-active-bg:var(--tblr-vimeo-darken);--tblr-btn-disabled-bg:var(--tblr-vimeo);--tblr-btn-disabled-color:var(--tblr-vimeo-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-vimeo{--tblr-btn-color:var(--tblr-vimeo);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-vimeo);--tblr-btn-hover-color:var(--tblr-vimeo-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-vimeo);--tblr-btn-active-color:var(--tblr-vimeo-fg);--tblr-btn-active-bg:var(--tblr-vimeo);--tblr-btn-disabled-color:var(--tblr-vimeo);--tblr-btn-disabled-border-color:var(--tblr-vimeo)}.btn-dribbble{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-dribbble-fg);--tblr-btn-bg:var(--tblr-dribbble);--tblr-btn-hover-color:var(--tblr-dribbble-fg);--tblr-btn-hover-bg:var(--tblr-dribbble-darken);--tblr-btn-active-color:var(--tblr-dribbble-fg);--tblr-btn-active-bg:var(--tblr-dribbble-darken);--tblr-btn-disabled-bg:var(--tblr-dribbble);--tblr-btn-disabled-color:var(--tblr-dribbble-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-dribbble{--tblr-btn-color:var(--tblr-dribbble);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-dribbble);--tblr-btn-hover-color:var(--tblr-dribbble-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-dribbble);--tblr-btn-active-color:var(--tblr-dribbble-fg);--tblr-btn-active-bg:var(--tblr-dribbble);--tblr-btn-disabled-color:var(--tblr-dribbble);--tblr-btn-disabled-border-color:var(--tblr-dribbble)}.btn-github{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-github-fg);--tblr-btn-bg:var(--tblr-github);--tblr-btn-hover-color:var(--tblr-github-fg);--tblr-btn-hover-bg:var(--tblr-github-darken);--tblr-btn-active-color:var(--tblr-github-fg);--tblr-btn-active-bg:var(--tblr-github-darken);--tblr-btn-disabled-bg:var(--tblr-github);--tblr-btn-disabled-color:var(--tblr-github-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-github{--tblr-btn-color:var(--tblr-github);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-github);--tblr-btn-hover-color:var(--tblr-github-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-github);--tblr-btn-active-color:var(--tblr-github-fg);--tblr-btn-active-bg:var(--tblr-github);--tblr-btn-disabled-color:var(--tblr-github);--tblr-btn-disabled-border-color:var(--tblr-github)}.btn-instagram{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-instagram-fg);--tblr-btn-bg:var(--tblr-instagram);--tblr-btn-hover-color:var(--tblr-instagram-fg);--tblr-btn-hover-bg:var(--tblr-instagram-darken);--tblr-btn-active-color:var(--tblr-instagram-fg);--tblr-btn-active-bg:var(--tblr-instagram-darken);--tblr-btn-disabled-bg:var(--tblr-instagram);--tblr-btn-disabled-color:var(--tblr-instagram-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-instagram{--tblr-btn-color:var(--tblr-instagram);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-instagram);--tblr-btn-hover-color:var(--tblr-instagram-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-instagram);--tblr-btn-active-color:var(--tblr-instagram-fg);--tblr-btn-active-bg:var(--tblr-instagram);--tblr-btn-disabled-color:var(--tblr-instagram);--tblr-btn-disabled-border-color:var(--tblr-instagram)}.btn-pinterest{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-pinterest-fg);--tblr-btn-bg:var(--tblr-pinterest);--tblr-btn-hover-color:var(--tblr-pinterest-fg);--tblr-btn-hover-bg:var(--tblr-pinterest-darken);--tblr-btn-active-color:var(--tblr-pinterest-fg);--tblr-btn-active-bg:var(--tblr-pinterest-darken);--tblr-btn-disabled-bg:var(--tblr-pinterest);--tblr-btn-disabled-color:var(--tblr-pinterest-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-pinterest{--tblr-btn-color:var(--tblr-pinterest);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-pinterest);--tblr-btn-hover-color:var(--tblr-pinterest-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-pinterest);--tblr-btn-active-color:var(--tblr-pinterest-fg);--tblr-btn-active-bg:var(--tblr-pinterest);--tblr-btn-disabled-color:var(--tblr-pinterest);--tblr-btn-disabled-border-color:var(--tblr-pinterest)}.btn-vk{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-vk-fg);--tblr-btn-bg:var(--tblr-vk);--tblr-btn-hover-color:var(--tblr-vk-fg);--tblr-btn-hover-bg:var(--tblr-vk-darken);--tblr-btn-active-color:var(--tblr-vk-fg);--tblr-btn-active-bg:var(--tblr-vk-darken);--tblr-btn-disabled-bg:var(--tblr-vk);--tblr-btn-disabled-color:var(--tblr-vk-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-vk{--tblr-btn-color:var(--tblr-vk);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-vk);--tblr-btn-hover-color:var(--tblr-vk-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-vk);--tblr-btn-active-color:var(--tblr-vk-fg);--tblr-btn-active-bg:var(--tblr-vk);--tblr-btn-disabled-color:var(--tblr-vk);--tblr-btn-disabled-border-color:var(--tblr-vk)}.btn-rss{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-rss-fg);--tblr-btn-bg:var(--tblr-rss);--tblr-btn-hover-color:var(--tblr-rss-fg);--tblr-btn-hover-bg:var(--tblr-rss-darken);--tblr-btn-active-color:var(--tblr-rss-fg);--tblr-btn-active-bg:var(--tblr-rss-darken);--tblr-btn-disabled-bg:var(--tblr-rss);--tblr-btn-disabled-color:var(--tblr-rss-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-rss{--tblr-btn-color:var(--tblr-rss);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-rss);--tblr-btn-hover-color:var(--tblr-rss-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-rss);--tblr-btn-active-color:var(--tblr-rss-fg);--tblr-btn-active-bg:var(--tblr-rss);--tblr-btn-disabled-color:var(--tblr-rss);--tblr-btn-disabled-border-color:var(--tblr-rss)}.btn-flickr{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-flickr-fg);--tblr-btn-bg:var(--tblr-flickr);--tblr-btn-hover-color:var(--tblr-flickr-fg);--tblr-btn-hover-bg:var(--tblr-flickr-darken);--tblr-btn-active-color:var(--tblr-flickr-fg);--tblr-btn-active-bg:var(--tblr-flickr-darken);--tblr-btn-disabled-bg:var(--tblr-flickr);--tblr-btn-disabled-color:var(--tblr-flickr-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-flickr{--tblr-btn-color:var(--tblr-flickr);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-flickr);--tblr-btn-hover-color:var(--tblr-flickr-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-flickr);--tblr-btn-active-color:var(--tblr-flickr-fg);--tblr-btn-active-bg:var(--tblr-flickr);--tblr-btn-disabled-color:var(--tblr-flickr);--tblr-btn-disabled-border-color:var(--tblr-flickr)}.btn-bitbucket{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-bitbucket-fg);--tblr-btn-bg:var(--tblr-bitbucket);--tblr-btn-hover-color:var(--tblr-bitbucket-fg);--tblr-btn-hover-bg:var(--tblr-bitbucket-darken);--tblr-btn-active-color:var(--tblr-bitbucket-fg);--tblr-btn-active-bg:var(--tblr-bitbucket-darken);--tblr-btn-disabled-bg:var(--tblr-bitbucket);--tblr-btn-disabled-color:var(--tblr-bitbucket-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-bitbucket{--tblr-btn-color:var(--tblr-bitbucket);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-bitbucket);--tblr-btn-hover-color:var(--tblr-bitbucket-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-bitbucket);--tblr-btn-active-color:var(--tblr-bitbucket-fg);--tblr-btn-active-bg:var(--tblr-bitbucket);--tblr-btn-disabled-color:var(--tblr-bitbucket);--tblr-btn-disabled-border-color:var(--tblr-bitbucket)}.btn-tabler{--tblr-btn-border-color:transparent;--tblr-btn-hover-border-color:transparent;--tblr-btn-active-border-color:transparent;--tblr-btn-color:var(--tblr-tabler-fg);--tblr-btn-bg:var(--tblr-tabler);--tblr-btn-hover-color:var(--tblr-tabler-fg);--tblr-btn-hover-bg:var(--tblr-tabler-darken);--tblr-btn-active-color:var(--tblr-tabler-fg);--tblr-btn-active-bg:var(--tblr-tabler-darken);--tblr-btn-disabled-bg:var(--tblr-tabler);--tblr-btn-disabled-color:var(--tblr-tabler-fg);--tblr-btn-box-shadow:var(--tblr-box-shadow-input)}.btn-outline-tabler{--tblr-btn-color:var(--tblr-tabler);--tblr-btn-bg:transparent;--tblr-btn-border-color:var(--tblr-tabler);--tblr-btn-hover-color:var(--tblr-tabler-fg);--tblr-btn-hover-border-color:transparent;--tblr-btn-hover-bg:var(--tblr-tabler);--tblr-btn-active-color:var(--tblr-tabler-fg);--tblr-btn-active-bg:var(--tblr-tabler);--tblr-btn-disabled-color:var(--tblr-tabler);--tblr-btn-disabled-border-color:var(--tblr-tabler)}.btn-ghost-primary{--tblr-btn-color:var(--tblr-primary);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-primary-fg);--tblr-btn-hover-bg:var(--tblr-primary);--tblr-btn-hover-border-color:var(--tblr-primary);--tblr-btn-active-color:var(--tblr-primary-fg);--tblr-btn-active-bg:var(--tblr-primary);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-primary);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-secondary{--tblr-btn-color:var(--tblr-secondary);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-secondary-fg);--tblr-btn-hover-bg:var(--tblr-secondary);--tblr-btn-hover-border-color:var(--tblr-secondary);--tblr-btn-active-color:var(--tblr-secondary-fg);--tblr-btn-active-bg:var(--tblr-secondary);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-secondary);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-success{--tblr-btn-color:var(--tblr-success);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-success-fg);--tblr-btn-hover-bg:var(--tblr-success);--tblr-btn-hover-border-color:var(--tblr-success);--tblr-btn-active-color:var(--tblr-success-fg);--tblr-btn-active-bg:var(--tblr-success);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-success);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-info{--tblr-btn-color:var(--tblr-info);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-info-fg);--tblr-btn-hover-bg:var(--tblr-info);--tblr-btn-hover-border-color:var(--tblr-info);--tblr-btn-active-color:var(--tblr-info-fg);--tblr-btn-active-bg:var(--tblr-info);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-info);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-warning{--tblr-btn-color:var(--tblr-warning);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-warning-fg);--tblr-btn-hover-bg:var(--tblr-warning);--tblr-btn-hover-border-color:var(--tblr-warning);--tblr-btn-active-color:var(--tblr-warning-fg);--tblr-btn-active-bg:var(--tblr-warning);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-warning);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-danger{--tblr-btn-color:var(--tblr-danger);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-danger-fg);--tblr-btn-hover-bg:var(--tblr-danger);--tblr-btn-hover-border-color:var(--tblr-danger);--tblr-btn-active-color:var(--tblr-danger-fg);--tblr-btn-active-bg:var(--tblr-danger);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-danger);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-light{--tblr-btn-color:var(--tblr-light);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-light-fg);--tblr-btn-hover-bg:var(--tblr-light);--tblr-btn-hover-border-color:var(--tblr-light);--tblr-btn-active-color:var(--tblr-light-fg);--tblr-btn-active-bg:var(--tblr-light);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-light);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-dark{--tblr-btn-color:var(--tblr-dark);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-dark-fg);--tblr-btn-hover-bg:var(--tblr-dark);--tblr-btn-hover-border-color:var(--tblr-dark);--tblr-btn-active-color:var(--tblr-dark-fg);--tblr-btn-active-bg:var(--tblr-dark);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-dark);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-muted{--tblr-btn-color:var(--tblr-muted);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-muted-fg);--tblr-btn-hover-bg:var(--tblr-muted);--tblr-btn-hover-border-color:var(--tblr-muted);--tblr-btn-active-color:var(--tblr-muted-fg);--tblr-btn-active-bg:var(--tblr-muted);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-muted);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-blue{--tblr-btn-color:var(--tblr-blue);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-blue-fg);--tblr-btn-hover-bg:var(--tblr-blue);--tblr-btn-hover-border-color:var(--tblr-blue);--tblr-btn-active-color:var(--tblr-blue-fg);--tblr-btn-active-bg:var(--tblr-blue);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-blue);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-azure{--tblr-btn-color:var(--tblr-azure);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-azure-fg);--tblr-btn-hover-bg:var(--tblr-azure);--tblr-btn-hover-border-color:var(--tblr-azure);--tblr-btn-active-color:var(--tblr-azure-fg);--tblr-btn-active-bg:var(--tblr-azure);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-azure);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-indigo{--tblr-btn-color:var(--tblr-indigo);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-indigo-fg);--tblr-btn-hover-bg:var(--tblr-indigo);--tblr-btn-hover-border-color:var(--tblr-indigo);--tblr-btn-active-color:var(--tblr-indigo-fg);--tblr-btn-active-bg:var(--tblr-indigo);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-indigo);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-purple{--tblr-btn-color:var(--tblr-purple);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-purple-fg);--tblr-btn-hover-bg:var(--tblr-purple);--tblr-btn-hover-border-color:var(--tblr-purple);--tblr-btn-active-color:var(--tblr-purple-fg);--tblr-btn-active-bg:var(--tblr-purple);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-purple);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-pink{--tblr-btn-color:var(--tblr-pink);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-pink-fg);--tblr-btn-hover-bg:var(--tblr-pink);--tblr-btn-hover-border-color:var(--tblr-pink);--tblr-btn-active-color:var(--tblr-pink-fg);--tblr-btn-active-bg:var(--tblr-pink);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-pink);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-red{--tblr-btn-color:var(--tblr-red);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-red-fg);--tblr-btn-hover-bg:var(--tblr-red);--tblr-btn-hover-border-color:var(--tblr-red);--tblr-btn-active-color:var(--tblr-red-fg);--tblr-btn-active-bg:var(--tblr-red);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-red);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-orange{--tblr-btn-color:var(--tblr-orange);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-orange-fg);--tblr-btn-hover-bg:var(--tblr-orange);--tblr-btn-hover-border-color:var(--tblr-orange);--tblr-btn-active-color:var(--tblr-orange-fg);--tblr-btn-active-bg:var(--tblr-orange);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-orange);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-yellow{--tblr-btn-color:var(--tblr-yellow);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-yellow-fg);--tblr-btn-hover-bg:var(--tblr-yellow);--tblr-btn-hover-border-color:var(--tblr-yellow);--tblr-btn-active-color:var(--tblr-yellow-fg);--tblr-btn-active-bg:var(--tblr-yellow);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-yellow);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-lime{--tblr-btn-color:var(--tblr-lime);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-lime-fg);--tblr-btn-hover-bg:var(--tblr-lime);--tblr-btn-hover-border-color:var(--tblr-lime);--tblr-btn-active-color:var(--tblr-lime-fg);--tblr-btn-active-bg:var(--tblr-lime);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-lime);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-green{--tblr-btn-color:var(--tblr-green);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-green-fg);--tblr-btn-hover-bg:var(--tblr-green);--tblr-btn-hover-border-color:var(--tblr-green);--tblr-btn-active-color:var(--tblr-green-fg);--tblr-btn-active-bg:var(--tblr-green);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-green);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-teal{--tblr-btn-color:var(--tblr-teal);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-teal-fg);--tblr-btn-hover-bg:var(--tblr-teal);--tblr-btn-hover-border-color:var(--tblr-teal);--tblr-btn-active-color:var(--tblr-teal-fg);--tblr-btn-active-bg:var(--tblr-teal);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-teal);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-cyan{--tblr-btn-color:var(--tblr-cyan);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-cyan-fg);--tblr-btn-hover-bg:var(--tblr-cyan);--tblr-btn-hover-border-color:var(--tblr-cyan);--tblr-btn-active-color:var(--tblr-cyan-fg);--tblr-btn-active-bg:var(--tblr-cyan);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-cyan);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-x{--tblr-btn-color:var(--tblr-x);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-x-fg);--tblr-btn-hover-bg:var(--tblr-x);--tblr-btn-hover-border-color:var(--tblr-x);--tblr-btn-active-color:var(--tblr-x-fg);--tblr-btn-active-bg:var(--tblr-x);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-x);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-facebook{--tblr-btn-color:var(--tblr-facebook);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-facebook-fg);--tblr-btn-hover-bg:var(--tblr-facebook);--tblr-btn-hover-border-color:var(--tblr-facebook);--tblr-btn-active-color:var(--tblr-facebook-fg);--tblr-btn-active-bg:var(--tblr-facebook);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-facebook);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-twitter{--tblr-btn-color:var(--tblr-twitter);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-twitter-fg);--tblr-btn-hover-bg:var(--tblr-twitter);--tblr-btn-hover-border-color:var(--tblr-twitter);--tblr-btn-active-color:var(--tblr-twitter-fg);--tblr-btn-active-bg:var(--tblr-twitter);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-twitter);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-linkedin{--tblr-btn-color:var(--tblr-linkedin);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-linkedin-fg);--tblr-btn-hover-bg:var(--tblr-linkedin);--tblr-btn-hover-border-color:var(--tblr-linkedin);--tblr-btn-active-color:var(--tblr-linkedin-fg);--tblr-btn-active-bg:var(--tblr-linkedin);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-linkedin);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-google{--tblr-btn-color:var(--tblr-google);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-google-fg);--tblr-btn-hover-bg:var(--tblr-google);--tblr-btn-hover-border-color:var(--tblr-google);--tblr-btn-active-color:var(--tblr-google-fg);--tblr-btn-active-bg:var(--tblr-google);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-google);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-youtube{--tblr-btn-color:var(--tblr-youtube);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-youtube-fg);--tblr-btn-hover-bg:var(--tblr-youtube);--tblr-btn-hover-border-color:var(--tblr-youtube);--tblr-btn-active-color:var(--tblr-youtube-fg);--tblr-btn-active-bg:var(--tblr-youtube);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-youtube);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-vimeo{--tblr-btn-color:var(--tblr-vimeo);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-vimeo-fg);--tblr-btn-hover-bg:var(--tblr-vimeo);--tblr-btn-hover-border-color:var(--tblr-vimeo);--tblr-btn-active-color:var(--tblr-vimeo-fg);--tblr-btn-active-bg:var(--tblr-vimeo);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-vimeo);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-dribbble{--tblr-btn-color:var(--tblr-dribbble);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-dribbble-fg);--tblr-btn-hover-bg:var(--tblr-dribbble);--tblr-btn-hover-border-color:var(--tblr-dribbble);--tblr-btn-active-color:var(--tblr-dribbble-fg);--tblr-btn-active-bg:var(--tblr-dribbble);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-dribbble);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-github{--tblr-btn-color:var(--tblr-github);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-github-fg);--tblr-btn-hover-bg:var(--tblr-github);--tblr-btn-hover-border-color:var(--tblr-github);--tblr-btn-active-color:var(--tblr-github-fg);--tblr-btn-active-bg:var(--tblr-github);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-github);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-instagram{--tblr-btn-color:var(--tblr-instagram);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-instagram-fg);--tblr-btn-hover-bg:var(--tblr-instagram);--tblr-btn-hover-border-color:var(--tblr-instagram);--tblr-btn-active-color:var(--tblr-instagram-fg);--tblr-btn-active-bg:var(--tblr-instagram);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-instagram);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-pinterest{--tblr-btn-color:var(--tblr-pinterest);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-pinterest-fg);--tblr-btn-hover-bg:var(--tblr-pinterest);--tblr-btn-hover-border-color:var(--tblr-pinterest);--tblr-btn-active-color:var(--tblr-pinterest-fg);--tblr-btn-active-bg:var(--tblr-pinterest);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-pinterest);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-vk{--tblr-btn-color:var(--tblr-vk);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-vk-fg);--tblr-btn-hover-bg:var(--tblr-vk);--tblr-btn-hover-border-color:var(--tblr-vk);--tblr-btn-active-color:var(--tblr-vk-fg);--tblr-btn-active-bg:var(--tblr-vk);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-vk);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-rss{--tblr-btn-color:var(--tblr-rss);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-rss-fg);--tblr-btn-hover-bg:var(--tblr-rss);--tblr-btn-hover-border-color:var(--tblr-rss);--tblr-btn-active-color:var(--tblr-rss-fg);--tblr-btn-active-bg:var(--tblr-rss);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-rss);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-flickr{--tblr-btn-color:var(--tblr-flickr);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-flickr-fg);--tblr-btn-hover-bg:var(--tblr-flickr);--tblr-btn-hover-border-color:var(--tblr-flickr);--tblr-btn-active-color:var(--tblr-flickr-fg);--tblr-btn-active-bg:var(--tblr-flickr);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-flickr);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-bitbucket{--tblr-btn-color:var(--tblr-bitbucket);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-bitbucket-fg);--tblr-btn-hover-bg:var(--tblr-bitbucket);--tblr-btn-hover-border-color:var(--tblr-bitbucket);--tblr-btn-active-color:var(--tblr-bitbucket-fg);--tblr-btn-active-bg:var(--tblr-bitbucket);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-bitbucket);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-ghost-tabler{--tblr-btn-color:var(--tblr-tabler);--tblr-btn-bg:transparent;--tblr-btn-border-color:transparent;--tblr-btn-hover-color:var(--tblr-tabler-fg);--tblr-btn-hover-bg:var(--tblr-tabler);--tblr-btn-hover-border-color:var(--tblr-tabler);--tblr-btn-active-color:var(--tblr-tabler-fg);--tblr-btn-active-bg:var(--tblr-tabler);--tblr-btn-active-border-color:transparent;--tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--tblr-btn-disabled-color:var(--tblr-tabler);--tblr-btn-disabled-bg:transparent;--tblr-btn-disabled-border-color:transparent;--tblr-gradient:none;--tblr-btn-box-shadow:none}.btn-group-sm>.btn,.btn-sm{--tblr-btn-line-height:1rem;--tblr-btn-icon-size:1rem}.btn-group-lg>.btn,.btn-lg{--tblr-btn-line-height:2rem;--tblr-btn-icon-size:2rem}.btn-pill{padding-right:1.5em;padding-left:1.5em;border-radius:10rem}.btn-pill[class*=btn-icon]{padding:.375rem 15px}.btn-square{border-radius:0}.btn-icon{min-width:calc(var(--tblr-btn-line-height) * var(--tblr-btn-font-size) + var(--tblr-btn-padding-y) * 2 + var(--tblr-btn-border-width) * 2);min-height:calc(var(--tblr-btn-line-height) * var(--tblr-btn-font-size) + var(--tblr-btn-padding-y) * 2 + var(--tblr-btn-border-width) * 2);padding-left:0;padding-right:0}.btn-icon .icon{margin:calc(-1 * var(--tblr-btn-padding-x))}.btn-list{--tblr-list-gap:0.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--tblr-list-gap)}.btn-floating{position:fixed;z-index:1030;bottom:1.5rem;right:1.5rem;border-radius:100rem}.btn-loading{position:relative;color:transparent!important;text-shadow:none!important;pointer-events:none}.btn-loading>*{opacity:0}.btn-loading:after{content:"";display:inline-block;vertical-align:text-bottom;border:2px var(--tblr-border-style) currentColor;border-right-color:transparent;border-radius:100rem;color:var(--tblr-btn-color);position:absolute;width:var(--tblr-btn-icon-size);height:var(--tblr-btn-icon-size);left:calc(50% - var(--tblr-btn-icon-size)/ 2);top:calc(50% - var(--tblr-btn-icon-size)/ 2);-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.btn-action{padding:0;border:0;color:var(--tblr-secondary);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:2rem;height:2rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--tblr-border-radius);background:0 0}.btn-action:after{content:none}.btn-action:focus{outline:0;-webkit-box-shadow:none;box-shadow:none}.btn-action.show,.btn-action:hover{color:var(--tblr-body-color);background:var(--tblr-active-bg)}.btn-action.show{color:var(--tblr-primary)}.btn-action .icon{margin:0;width:1.25rem;height:1.25rem;font-size:1.25rem;stroke-width:1}.btn-actions{display:-webkit-box;display:-ms-flexbox;display:flex}.btn-group,.btn-group-vertical{-webkit-box-shadow:var(--tblr-box-shadow-input);box-shadow:var(--tblr-box-shadow-input)}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group>.btn-check:checked+.btn,.btn-group>.btn.active,.btn-group>.btn:active{z-index:5}.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:focus+.btn,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.calendar{display:block;font-size:.765625rem;border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);border-radius:var(--tblr-border-radius)}.calendar-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.calendar-title{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.calendar-body,.calendar-header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:.5rem 0}.calendar-header{color:var(--tblr-secondary)}.calendar-date{-webkit-box-flex:0;-ms-flex:0 0 14.2857142857%;flex:0 0 14.2857142857%;max-width:14.2857142857%;padding:.2rem;text-align:center;border:0}.calendar-date.next-month,.calendar-date.prev-month{opacity:.25}.calendar-date .date-item{position:relative;display:inline-block;width:1.4rem;height:1.4rem;line-height:1.4rem;color:#66758c;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;background:0 0;border:var(--tblr-border-width) var(--tblr-border-style) transparent;border-radius:100rem;outline:0;-webkit-transition:background .3s,border .3s,color .3s,-webkit-box-shadow .32s;transition:background .3s,border .3s,color .3s,-webkit-box-shadow .32s;transition:background .3s,border .3s,box-shadow .32s,color .3s;transition:background .3s,border .3s,box-shadow .32s,color .3s,-webkit-box-shadow .32s}@media (prefers-reduced-motion:reduce){.calendar-date .date-item{-webkit-transition:none;transition:none}}.calendar-date .date-item:hover{color:var(--tblr-primary);text-decoration:none;background:#fefeff;border-color:var(--tblr-border-color)}.calendar-date .date-today{color:var(--tblr-primary);border-color:var(--tblr-border-color)}.calendar-range{position:relative}.calendar-range:before{position:absolute;top:50%;right:0;left:0;height:1.4rem;content:"";background:rgba(var(--tblr-primary-rgb),.1);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.calendar-range.range-end .date-item,.calendar-range.range-start .date-item{color:#fff;background:var(--tblr-primary);border-color:var(--tblr-primary)}.calendar-range.range-start:before{left:50%}.calendar-range.range-end:before{right:50%}.carousel-indicators-vertical{left:auto;top:0;margin:0 1rem 0 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.carousel-indicators-vertical [data-bs-target]{margin:3px 0 3px;width:3px;height:30px;border:0;border-left:10px var(--tblr-border-style) transparent;border-right:10px var(--tblr-border-style) transparent}.carousel-indicators-dot [data-bs-target]{width:.5rem;height:.5rem;border-radius:100rem;border:10px var(--tblr-border-style) transparent;margin:0}.carousel-indicators-thumb [data-bs-target]{width:2rem;height:auto;background:no-repeat center/cover;border:0;border-radius:var(--tblr-border-radius);-webkit-box-shadow:rgba(var(--tblr-body-color-rgb),.04) 0 2px 4px 0;box-shadow:rgba(var(--tblr-body-color-rgb),.04) 0 2px 4px 0;margin:0 3px;opacity:.75}@media (min-width:992px){.carousel-indicators-thumb [data-bs-target]{width:4rem}}.carousel-indicators-thumb [data-bs-target]:before{content:"";padding-top:var(--tblr-aspect-ratio,100%);display:block}.carousel-indicators-thumb.carousel-indicators-vertical [data-bs-target]{margin:3px 0}.carousel-caption-background{background:red;position:absolute;left:0;right:0;bottom:0;height:90%;background:-webkit-gradient(linear,left bottom, left top,from(rgba(24,36,51,.9)),to(rgba(24,36,51,0)));background:linear-gradient(0deg,rgba(24,36,51,.9),rgba(24,36,51,0))}.card{-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out,-webkit-box-shadow .3s ease-out;transition:opacity .3s ease-out,-webkit-transform .3s ease-out,-webkit-box-shadow .3s ease-out;transition:transform .3s ease-out,opacity .3s ease-out,box-shadow .3s ease-out;transition:transform .3s ease-out,opacity .3s ease-out,box-shadow .3s ease-out,-webkit-transform .3s ease-out,-webkit-box-shadow .3s ease-out}@media (prefers-reduced-motion:reduce){.card{-webkit-transition:none;transition:none}}@media print{.card{border:none;-webkit-box-shadow:none;box-shadow:none}}a.card{color:inherit}a.card:hover{text-decoration:none;-webkit-box-shadow:rgba(var(--tblr-body-color-rgb),.16) 0 2px 16px 0;box-shadow:rgba(var(--tblr-body-color-rgb),.16) 0 2px 16px 0}.card .card{-webkit-box-shadow:none;box-shadow:none}.card-borderless,.card-borderless .card-footer,.card-borderless .card-header{border-color:transparent}.card-stamp{--tblr-stamp-size:7rem;position:absolute;top:0;right:0;width:calc(var(--tblr-stamp-size) * 1);height:calc(var(--tblr-stamp-size) * 1);max-height:100%;border-top-right-radius:4px;opacity:.2;overflow:hidden;pointer-events:none}.card-stamp-lg{--tblr-stamp-size:13rem}.card-stamp-icon{background:var(--tblr-secondary);color:var(--tblr-card-bg,var(--tblr-bg-surface));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:100rem;width:calc(var(--tblr-stamp-size) * 1);height:calc(var(--tblr-stamp-size) * 1);position:relative;top:calc(var(--tblr-stamp-size) * -.25);right:calc(var(--tblr-stamp-size) * -.25);font-size:calc(var(--tblr-stamp-size) * .75);-webkit-transform:rotate(10deg);transform:rotate(10deg)}.card-stamp-icon .icon{stroke-width:2;width:calc(var(--tblr-stamp-size) * .75);height:calc(var(--tblr-stamp-size) * .75)}.card-img,.card-img-start{border-top-left-radius:calc(var(--tblr-border-radius) - (var(--tblr-border-width)));border-bottom-left-radius:calc(var(--tblr-border-radius) - (var(--tblr-border-width)))}.card-img,.card-img-end{border-top-right-radius:calc(var(--tblr-border-radius) - (var(--tblr-border-width)));border-bottom-right-radius:calc(var(--tblr-border-radius) - (var(--tblr-border-width)))}.card-img-overlay{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.card-img-overlay-dark{background-image:-webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(0,0,0,0)),to(rgba(0,0,0,.6)));background-image:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%)}.card-inactive{pointer-events:none;-webkit-box-shadow:none;box-shadow:none}.card-inactive .card-body{opacity:.64}.card-active{--tblr-card-border-color:var(--tblr-primary);--tblr-card-bg:var(--tblr-active-bg)}.card-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem 1.25rem;text-align:center;-webkit-transition:background .3s;transition:background .3s;border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);-webkit-box-flex:1;-ms-flex:1;flex:1;color:inherit;font-weight:var(--tblr-font-weight-medium)}@media (prefers-reduced-motion:reduce){.card-btn{-webkit-transition:none;transition:none}}.card-btn:hover{text-decoration:none;background:rgba(var(--tblr-primary-rgb),.04)}.card-btn+.card-btn{border-left:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)}.card-stacked{--tblr-card-stacked-offset:.25rem;position:relative}.card-stacked:after{position:absolute;top:calc(-1 * var(--tblr-card-stacked-offset));right:var(--tblr-card-stacked-offset);left:var(--tblr-card-stacked-offset);height:var(--tblr-card-stacked-offset);content:"";background:var(--tblr-card-bg,var(--tblr-bg-surface));border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-card-border-color);border-radius:var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0}.card-cover{position:relative;padding:1rem 1.25rem;background:#666 no-repeat center/cover}.card-cover:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:rgba(24,36,51,.48)}.card-cover:first-child,.card-cover:first-child:before{border-radius:4px 4px 0 0}.card-cover-blurred:before{backdrop-filter:blur(2px)}.card-actions{margin:-.5rem -.5rem -.5rem auto;padding-left:.5rem}.card-actions a{text-decoration:none}.card-header{color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:0 0}.card-header:first-child{border-radius:var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0}.card-header-light{border-bottom-color:transparent;background:var(--tblr-bg-surface-tertiary)}.card-header-tabs{background:var(--tblr-bg-surface-tertiary);-webkit-box-flex:1;-ms-flex:1;flex:1;margin:calc(var(--tblr-card-cap-padding-y) * -1) calc(var(--tblr-card-cap-padding-x) * -1) calc(var(--tblr-card-cap-padding-y) * -1);padding:calc(var(--tblr-card-cap-padding-y) * .5) calc(var(--tblr-card-cap-padding-x) * .5) 0}.card-header-pills{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-top:-.5rem;margin-bottom:-.5rem}.card-rotate-left{-webkit-transform:rotate(-1.5deg);transform:rotate(-1.5deg)}.card-rotate-right{-webkit-transform:rotate(1.5deg);transform:rotate(1.5deg)}.card-link{color:inherit}.card-link:hover{color:inherit;text-decoration:none;-webkit-box-shadow:0 1px 6px 0 rgba(0,0,0,.08);box-shadow:0 1px 6px 0 rgba(0,0,0,.08)}.card-link-rotate:hover{-webkit-transform:rotate(1.5deg);transform:rotate(1.5deg);opacity:1}.card-link-pop:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);opacity:1}.card-footer{margin-top:auto}.card-footer:last-child{border-radius:0 0 var(--tblr-card-border-radius) var(--tblr-card-border-radius)}.card-footer-transparent{background:0 0;border-color:transparent;padding-top:0}.card-footer-borderless{border-top:none}.card-progress{height:.25rem}.card-progress:last-child{border-radius:0 0 2px 2px}.card-progress:first-child{border-radius:2px 2px 0 0}.card-meta{color:var(--tblr-secondary)}.card-title{display:block;margin:0 0 1rem;font-size:1rem;font-weight:var(--tblr-font-weight-medium);color:inherit;line-height:1.5rem}a.card-title:hover{color:inherit}.card-header .card-title{margin:0}.card-subtitle{margin-bottom:1.25rem;color:var(--tblr-secondary);font-weight:400}.card-header .card-subtitle{margin:0}.card-title .card-subtitle{margin:0 0 0 .25rem;font-size:.875rem}.card-body{position:relative}.card-body>:last-child{margin-bottom:0}.card-sm>.card-body{padding:1rem}@media (min-width:768px){.card-md>.card-body{padding:2.5rem}}@media (min-width:768px){.card-lg>.card-body{padding:2rem}}@media (min-width:992px){.card-lg>.card-body{padding:4rem}}@media print{.card-body{padding:0}}.card-body+.card-body{border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)}.card-body-scrollable{overflow:auto}.card-options{top:1.5rem;right:.75rem;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto}.card-options-link{display:inline-block;min-width:1rem;margin-left:.25rem;color:var(--tblr-secondary)}.card-status-top{position:absolute;top:0;right:0;left:0;height:2px;border-radius:var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0}.card-status-start{position:absolute;right:auto;bottom:0;width:2px;height:100%;border-radius:var(--tblr-card-border-radius) 0 0 var(--tblr-card-border-radius)}.card-status-bottom{position:absolute;top:initial;bottom:0;width:100%;height:2px;border-radius:0 0 var(--tblr-card-border-radius) var(--tblr-card-border-radius)}.card-table{margin-bottom:0!important}.card-table tr td:first-child,.card-table tr th:first-child{padding-left:1.25rem;border-left:0}.card-table tr td:last-child,.card-table tr th:last-child{padding-right:1.25rem;border-right:0}.card-table tbody tr:first-child,.card-table tfoot tr:first-child,.card-table thead tr:first-child{border-top:0}.card-table tbody tr:first-child td,.card-table tbody tr:first-child th,.card-table tfoot tr:first-child td,.card-table tfoot tr:first-child th,.card-table thead tr:first-child td,.card-table thead tr:first-child th{border-top:0}.card-body+.card-table{border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-table-border-color)}.card-code{padding:0}.card-code .highlight{margin:0;border:0}.card-code pre{margin:0!important;border:0!important}.card-chart{position:relative;z-index:1;height:3.5rem}.card-avatar{margin-left:auto;margin-right:auto;-webkit-box-shadow:0 0 0 .25rem var(--tblr-card-bg,var(--tblr-bg-surface));box-shadow:0 0 0 .25rem var(--tblr-card-bg,var(--tblr-bg-surface));margin-top:calc(-1 * var(--tblr-avatar-size) * .5)}.card-body+.card-list-group{border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)}.card-list-group .list-group-item{padding-right:1.25rem;padding-left:1.25rem;border-right:0;border-left:0;border-radius:0}.card-list-group .list-group-item:last-child{border-bottom:0}.card-list-group .list-group-item:first-child{border-top:0}.card-tabs .nav-tabs{position:relative;z-index:1000;border-bottom:0}.card-tabs .nav-tabs .nav-link{background:var(--tblr-bg-surface-tertiary);border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)}.card-tabs .nav-tabs .nav-link.active,.card-tabs .nav-tabs .nav-link:active,.card-tabs .nav-tabs .nav-link:hover{border-color:var(--tblr-border-color-translucent);color:var(--tblr-body-color)}.card-tabs .nav-tabs .nav-link.active{color:inherit;background:var(--tblr-card-bg,var(--tblr-bg-surface));border-bottom-color:transparent}.card-tabs .nav-tabs .nav-item:not(:first-child) .nav-link{border-top-left-radius:0}.card-tabs .nav-tabs .nav-item:not(:last-child) .nav-link{border-top-right-radius:0}.card-tabs .nav-tabs .nav-item+.nav-item{margin-left:calc(-1 * var(--tblr-border-width))}.card-tabs .nav-tabs-bottom{margin-bottom:0}.card-tabs .nav-tabs-bottom .nav-link{margin-bottom:0}.card-tabs .nav-tabs-bottom .nav-link.active{border-top-color:transparent}.card-tabs .nav-tabs-bottom .nav-item{margin-top:calc(-1 * var(--tblr-border-width));margin-bottom:0}.card-tabs .nav-tabs-bottom .nav-item .nav-link{border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);border-radius:0 0 var(--tblr-border-radius) var(--tblr-border-radius)}.card-tabs .nav-tabs-bottom .nav-item:not(:first-child) .nav-link{border-bottom-left-radius:0}.card-tabs .nav-tabs-bottom .nav-item:not(:last-child) .nav-link{border-bottom-right-radius:0}.card-tabs .card{border-bottom-left-radius:0}.card-tabs .nav-tabs+.tab-content .card{border-bottom-left-radius:var(--tblr-card-border-radius);border-top-left-radius:0}.card-note{--tblr-card-bg:#fff7dd;--tblr-card-border-color:#fff1c9}.btn-close{cursor:pointer}.btn-close:focus{outline:0}.dropdown-menu{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:border-box}.dropdown-menu.card{padding:0;min-width:25rem;display:none}.dropdown-menu.card.show{display:-webkit-box;display:-ms-flexbox;display:flex}.dropdown-item{min-width:11rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;line-height:1.4285714286}.dropdown-item-icon{width:1.25rem!important;height:1.25rem!important;margin-right:.5rem;color:var(--tblr-secondary);opacity:.7;text-align:center}.dropdown-item-indicator{margin-right:.5rem;margin-left:-.25rem;height:1.25rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;line-height:1;vertical-align:bottom;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dropdown-header{font-size:.75rem;font-weight:var(--tblr-font-weight-bold);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--tblr-secondary);padding-bottom:.25rem;pointer-events:none}.dropdown-menu-scrollable{height:auto;max-height:13rem;overflow-x:hidden}.dropdown-menu-column{min-width:11rem}.dropdown-menu-column .dropdown-item{min-width:0}.dropdown-menu-columns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 .25rem;flex:0 .25rem}.dropdown-menu-arrow:before{content:"";position:absolute;top:-.25rem;left:.75rem;display:block;background:inherit;width:14px;height:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center;transform-origin:center;border:1px solid;border-color:inherit;z-index:-1;clip:rect(0,9px,9px,0)}.dropdown-menu-arrow.dropdown-menu-end:before{right:.75rem;left:auto}.dropend>.dropdown-menu{margin-top:calc(-.25rem - 1px);margin-left:-.25rem}.dropend .dropdown-toggle:after{margin-left:auto}.dropdown-menu-card{padding:0}.dropdown-menu-card>.card{margin:0;border:0;-webkit-box-shadow:none;box-shadow:none}.datagrid{--tblr-datagrid-padding:1.5rem;--tblr-datagrid-item-width:15rem;display:grid;grid-gap:var(--tblr-datagrid-padding);grid-template-columns:repeat(auto-fit,minmax(var(--tblr-datagrid-item-width),1fr))}.datagrid-title{font-size:.75rem;font-weight:var(--tblr-font-weight-bold);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--tblr-secondary);margin-bottom:.25rem}.empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;padding:1rem;text-align:center}@media (min-width:768px){.empty{padding:3rem}}.empty-icon{margin:0 0 1rem;width:3rem;height:3rem;line-height:1;color:var(--tblr-secondary)}.empty-icon svg{width:100%;height:100%}.empty-img{margin:0 0 2rem;line-height:1}.empty-header{margin:0 0 1rem;font-size:4rem;font-weight:var(--tblr-font-weight-light);line-height:1;color:var(--tblr-secondary)}.empty-title{font-size:1.25rem;line-height:1.75rem;font-weight:var(--tblr-font-weight-bold)}.empty-subtitle,.empty-title{margin:0 0 .5rem}.empty-action{margin-top:1.5rem}.empty-bordered{border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);border-radius:var(--tblr-border-radius)}.row>*{min-width:0}.col-separator{border-left:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)}.container-slim{--tblr-gutter-x:calc(var(--tblr-page-padding) * 2);--tblr-gutter-y:0;width:100%;padding-right:calc(var(--tblr-gutter-x) * .5);padding-left:calc(var(--tblr-gutter-x) * .5);margin-right:auto;margin-left:auto;max-width:16rem}.container-tight{--tblr-gutter-x:calc(var(--tblr-page-padding) * 2);--tblr-gutter-y:0;width:100%;padding-right:calc(var(--tblr-gutter-x) * .5);padding-left:calc(var(--tblr-gutter-x) * .5);margin-right:auto;margin-left:auto;max-width:30rem}.container-narrow{--tblr-gutter-x:calc(var(--tblr-page-padding) * 2);--tblr-gutter-y:0;width:100%;padding-right:calc(var(--tblr-gutter-x) * .5);padding-left:calc(var(--tblr-gutter-x) * .5);margin-right:auto;margin-left:auto;max-width:61.875rem}.row-0{margin-right:0;margin-left:0}.row-0>.col,.row-0>[class*=col-]{padding-right:0;padding-left:0}.row-0 .card{margin-bottom:0}.row-sm{margin-right:-.375rem;margin-left:-.375rem}.row-sm>.col,.row-sm>[class*=col-]{padding-right:.375rem;padding-left:.375rem}.row-sm .card{margin-bottom:.75rem}.row-md{margin-right:-1.5rem;margin-left:-1.5rem}.row-md>.col,.row-md>[class*=col-]{padding-right:1.5rem;padding-left:1.5rem}.row-md .card{margin-bottom:3rem}.row-lg{margin-right:-3rem;margin-left:-3rem}.row-lg>.col,.row-lg>[class*=col-]{padding-right:3rem;padding-left:3rem}.row-lg .card{margin-bottom:6rem}.row-deck>.col,.row-deck>[class*=col-]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.row-deck>.col .card,.row-deck>[class*=col-] .card{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.row-cards{--tblr-gutter-x:var(--tblr-page-padding);--tblr-gutter-y:var(--tblr-page-padding);min-width:0}.row-cards .row-cards{-webkit-box-flex:1;-ms-flex:1;flex:1}.space-y{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.space-x{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}.space-y-0{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0}.space-x-0{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0}.space-y-1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem}.space-x-1{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.25rem}.space-y-2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem}.space-x-2{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem}.space-y-3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.space-x-3{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}.space-y-4{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5rem}.space-x-4{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.5rem}.space-y-5{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2rem}.space-x-5{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem}.space-y-6{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2.5rem}.space-x-6{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2.5rem}.divide-y>:not(template)~:not(template){border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.divide-y>:not(template):not(:first-child){padding-top:1rem!important}.divide-y>:not(template):not(:last-child){padding-bottom:1rem!important}.divide-x>:not(template)~:not(template){border-left:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.divide-x>:not(template):not(:first-child){padding-left:1rem!important}.divide-x>:not(template):not(:last-child){padding-right:1rem!important}.divide-y-0>:not(template)~:not(template){border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.divide-y-0>:not(template):not(:first-child){padding-top:0!important}.divide-y-0>:not(template):not(:last-child){padding-bottom:0!important}.divide-x-0>:not(template)~:not(template){border-left:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.divide-x-0>:not(template):not(:first-child){padding-left:0!important}.divide-x-0>:not(template):not(:last-child){padding-right:0!important}.divide-y-1>:not(template)~:not(template){border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.divide-y-1>:not(template):not(:first-child){padding-top:.25rem!important}.divide-y-1>:not(template):not(:last-child){padding-bottom:.25rem!important}.divide-x-1>:not(template)~:not(template){border-left:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.divide-x-1>:not(template):not(:first-child){padding-left:.25rem!important}.divide-x-1>:not(template):not(:last-child){padding-right:.25rem!important}.divide-y-2>:not(template)~:not(template){border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.divide-y-2>:not(template):not(:first-child){padding-top:.5rem!important}.divide-y-2>:not(template):not(:last-child){padding-bottom:.5rem!important}.divide-x-2>:not(template)~:not(template){border-left:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.divide-x-2>:not(template):not(:first-child){padding-left:.5rem!important}.divide-x-2>:not(template):not(:last-child){padding-right:.5rem!important}.divide-y-3>:not(template)~:not(template){border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.divide-y-3>:not(template):not(:first-child){padding-top:1rem!important}.divide-y-3>:not(template):not(:last-child){padding-bottom:1rem!important}.divide-x-3>:not(template)~:not(template){border-left:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.divide-x-3>:not(template):not(:first-child){padding-left:1rem!important}.divide-x-3>:not(template):not(:last-child){padding-right:1rem!important}.divide-y-4>:not(template)~:not(template){border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.divide-y-4>:not(template):not(:first-child){padding-top:1.5rem!important}.divide-y-4>:not(template):not(:last-child){padding-bottom:1.5rem!important}.divide-x-4>:not(template)~:not(template){border-left:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.divide-x-4>:not(template):not(:first-child){padding-left:1.5rem!important}.divide-x-4>:not(template):not(:last-child){padding-right:1.5rem!important}.divide-y-5>:not(template)~:not(template){border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.divide-y-5>:not(template):not(:first-child){padding-top:2rem!important}.divide-y-5>:not(template):not(:last-child){padding-bottom:2rem!important}.divide-x-5>:not(template)~:not(template){border-left:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.divide-x-5>:not(template):not(:first-child){padding-left:2rem!important}.divide-x-5>:not(template):not(:last-child){padding-right:2rem!important}.divide-y-6>:not(template)~:not(template){border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.divide-y-6>:not(template):not(:first-child){padding-top:2.5rem!important}.divide-y-6>:not(template):not(:last-child){padding-bottom:2.5rem!important}.divide-x-6>:not(template)~:not(template){border-left:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)!important}.divide-x-6>:not(template):not(:first-child){padding-left:2.5rem!important}.divide-x-6>:not(template):not(:last-child){padding-right:2.5rem!important}.divide-y-fill{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.divide-y-fill>:not(template){-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.icon{--tblr-icon-size:1.25rem;width:var(--tblr-icon-size);height:var(--tblr-icon-size);font-size:var(--tblr-icon-size);vertical-align:bottom;stroke-width:1.5}.icon:hover{text-decoration:none}.icon-inline{--tblr-icon-size:1rem;vertical-align:-.2rem}.icon-filled{fill:currentColor}.icon-sm{--tblr-icon-size:1rem;stroke-width:1}.icon-md{--tblr-icon-size:2.5rem;stroke-width:1}.icon-lg{--tblr-icon-size:3.5rem;stroke-width:1}.icon-pulse{-webkit-transition:all .15s ease 0s;transition:all .15s ease 0s;-webkit-animation:pulse 2s ease infinite;animation:pulse 2s ease infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.icon-tada{-webkit-transition:all .15s ease 0s;transition:all .15s ease 0s;-webkit-animation:tada 3s ease infinite;animation:tada 3s ease infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.icon-rotate{-webkit-transition:all .15s ease 0s;transition:all .15s ease 0s;-webkit-animation:rotate-360 3s linear infinite;animation:rotate-360 3s linear infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.img-responsive{--tblr-img-responsive-ratio:75%;background:no-repeat center/cover;padding-top:var(--tblr-img-responsive-ratio)}.img-responsive-grid{padding-top:calc(var(--tblr-img-responsive-ratio) - var(--tblr-gutter-y)/ 2)}.img-responsive-1x1{--tblr-img-responsive-ratio:100%}.img-responsive-2x1{--tblr-img-responsive-ratio:50%}.img-responsive-1x2{--tblr-img-responsive-ratio:200%}.img-responsive-3x1{--tblr-img-responsive-ratio:33.3333333333%}.img-responsive-1x3{--tblr-img-responsive-ratio:300%}.img-responsive-4x1{--tblr-img-responsive-ratio:25%}.img-responsive-1x4{--tblr-img-responsive-ratio:400%}.img-responsive-4x3{--tblr-img-responsive-ratio:75%}.img-responsive-3x4{--tblr-img-responsive-ratio:133.3333333333%}.img-responsive-16x9{--tblr-img-responsive-ratio:56.25%}.img-responsive-9x16{--tblr-img-responsive-ratio:177.7777777778%}.img-responsive-21x9{--tblr-img-responsive-ratio:42.8571428571%}.img-responsive-9x21{--tblr-img-responsive-ratio:233.3333333333%}.img-bg{background:no-repeat center/cover}textarea[cols]{height:auto}.col-form-label,.form-label{display:block;font-weight:var(--tblr-font-weight-medium)}.col-form-label.required:after,.form-label.required:after{content:"*";margin-left:.25rem;color:#d63939}.form-label-description{float:right;font-weight:var(--tblr-font-weight-normal);color:var(--tblr-gray-500)}.form-hint{display:block;color:var(--tblr-gray-500)}.form-hint:last-child{margin-bottom:0}.form-hint+.form-control{margin-top:.25rem}.form-label+.form-hint{margin-top:-.25rem}.form-control+.form-hint,.form-select+.form-hint,.input-group+.form-hint{margin-top:.5rem;color:var(--tblr-gray-500)}.form-select:-moz-focusring{color:var(--tblr-body-color)}.form-control:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--tblr-body-bg) inset;box-shadow:0 0 0 1000px var(--tblr-body-bg) inset;color:var(--tblr-body-color);-webkit-text-fill-color:var(--tblr-body-color)}.form-control.disabled,.form-control:disabled{color:var(--tblr-gray-500);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-control[size]{width:auto}.form-control-light{background-color:var(--tblr-gray-100);border-color:transparent}.form-control-dark{background-color:rgba(0,0,0,.1);color:#fff;border-color:transparent}.form-control-dark:focus{background-color:rgba(0,0,0,.1);-webkit-box-shadow:none;box-shadow:none;border-color:rgba(255,255,255,.24)}.form-control-dark::-webkit-input-placeholder{color:rgba(255,255,255,.6)}.form-control-dark:-ms-input-placeholder{color:rgba(255,255,255,.6)}.form-control-dark::-ms-input-placeholder{color:rgba(255,255,255,.6)}.form-control-dark::-moz-placeholder{color:rgba(255,255,255,.6)}.form-control-dark::placeholder{color:rgba(255,255,255,.6)}.form-control-rounded{border-radius:10rem}.form-control-flush{padding:0;background:0 0!important;border-color:transparent!important;resize:none;-webkit-box-shadow:none!important;box-shadow:none!important;line-height:inherit}.form-footer{margin-top:2rem}.form-fieldset{padding:1rem;margin-bottom:1rem;background:var(--tblr-body-bg);border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);border-radius:var(--tblr-border-radius)}fieldset:empty{display:none}.form-help{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:var(--tblr-font-weight-bold);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:1.125rem;height:1.125rem;font-size:.75rem;color:var(--tblr-gray-500);text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:var(--tblr-gray-100);border-radius:100rem;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s}@media (prefers-reduced-motion:reduce){.form-help{-webkit-transition:none;transition:none}}.form-help:hover,.form-help[aria-describedby]{color:#fff;background:var(--tblr-primary)}.input-group{-webkit-box-shadow:var(--tblr-box-shadow-input);box-shadow:var(--tblr-box-shadow-input);border-radius:var(--tblr-border-radius)}.input-group .btn,.input-group .form-control{-webkit-box-shadow:none;box-shadow:none}.input-group-link{font-size:.75rem}.input-group-flat:focus-within{-webkit-box-shadow:0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25);box-shadow:0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25);border-radius:var(--tblr-border-radius)}.input-group-flat:focus-within .form-control,.input-group-flat:focus-within .input-group-text{border-color:#83b7e8!important}.input-group-flat .form-control:focus{border-color:var(--tblr-border-color);-webkit-box-shadow:none;box-shadow:none}.input-group-flat .form-control:not(:last-child){border-right:0}.input-group-flat .form-control:not(:first-child){border-left:0}.input-group-flat .input-group-text{background:var(--tblr-bg-forms);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.input-group-flat .input-group-text{-webkit-transition:none;transition:none}}.input-group-flat .input-group-text:first-child{padding-right:0}.input-group-flat .input-group-text:last-child{padding-left:0}.form-file-button{margin-left:0;border-left:0}.input-icon{position:relative}.input-icon .form-control:not(:last-child),.input-icon .form-select:not(:last-child){padding-right:2.5rem}.input-icon .form-control:not(:first-child),.input-icon .form-select:not(:last-child){padding-left:2.5rem}.input-icon-addon{position:absolute;top:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:2.5rem;color:var(--tblr-icon-color);pointer-events:none;font-size:1.2em}.input-icon-addon:last-child{right:0;left:auto}.form-colorinput{position:relative;display:inline-block;margin:0;line-height:1;cursor:pointer}.form-colorinput-input{position:absolute;z-index:-1;opacity:0}.form-colorinput-color{display:block;width:1.5rem;height:1.5rem;color:#fff;border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);border-radius:3px;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.form-colorinput-color:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:no-repeat center center/1.25rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}@media (prefers-reduced-motion:reduce){.form-colorinput-color:before{-webkit-transition:none;transition:none}}.form-colorinput-input:checked~.form-colorinput-color:before{opacity:1}.form-colorinput-input:focus~.form-colorinput-color{border-color:var(--tblr-primary);-webkit-box-shadow:0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25);box-shadow:0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)}.form-colorinput-light .form-colorinput-color:before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23182433' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")}.form-imagecheck{position:relative;margin:0;cursor:pointer}.form-imagecheck-input{position:absolute;z-index:-1;opacity:0}.form-imagecheck-figure{position:relative;display:block;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);border-radius:3px}.form-imagecheck-input:focus~.form-imagecheck-figure{border-color:var(--tblr-primary);-webkit-box-shadow:0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25);box-shadow:0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)}.form-imagecheck-input:checked~.form-imagecheck-figure{border-color:var(--tblr-primary)}.form-imagecheck-figure:before{position:absolute;top:.25rem;left:.25rem;z-index:1;display:block;width:1.25rem;height:1.25rem;color:#fff;pointer-events:none;content:"";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:var(--tblr-bg-forms);border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);border-radius:var(--tblr-border-radius);-webkit-transition:opacity .3s;transition:opacity .3s}@media (prefers-reduced-motion:reduce){.form-imagecheck-figure:before{-webkit-transition:none;transition:none}}.form-imagecheck-input:checked~.form-imagecheck-figure:before{background-color:var(--tblr-primary);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");background-repeat:repeat;background-position:center;background-size:1.25rem;border-color:var(--tblr-border-color-translucent)}.form-imagecheck-input[type=radio]~.form-imagecheck-figure:before{border-radius:50%}.form-imagecheck-input[type=radio]:checked~.form-imagecheck-figure:before{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e")}.form-imagecheck-image{max-width:100%;display:block;opacity:.64;-webkit-transition:opacity .3s;transition:opacity .3s}@media (prefers-reduced-motion:reduce){.form-imagecheck-image{-webkit-transition:none;transition:none}}.form-imagecheck-image:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.form-imagecheck-image:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.form-imagecheck-input:checked~.form-imagecheck-figure .form-imagecheck-image,.form-imagecheck-input:focus~.form-imagecheck-figure .form-imagecheck-image,.form-imagecheck:hover .form-imagecheck-image{opacity:1}.form-imagecheck-caption{padding:.25rem;font-size:.765625rem;color:var(--tblr-secondary);text-align:center;-webkit-transition:color .3s;transition:color .3s}@media (prefers-reduced-motion:reduce){.form-imagecheck-caption{-webkit-transition:none;transition:none}}.form-imagecheck-input:checked~.form-imagecheck-figure .form-imagecheck-caption,.form-imagecheck-input:focus~.form-imagecheck-figure .form-imagecheck-caption,.form-imagecheck:hover .form-imagecheck-caption{color:var(--tblr-body-color)}.form-selectgroup{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:0 -.5rem -.5rem 0;-ms-flex-wrap:wrap;flex-wrap:wrap}.form-selectgroup .form-selectgroup-item{margin:0 .5rem .5rem 0}.form-selectgroup-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.form-selectgroup-item{display:block;position:relative}.form-selectgroup-input{position:absolute;top:0;left:0;z-index:-1;opacity:0}.form-selectgroup-label{position:relative;display:block;min-width:calc(1.4285714286em + .875rem + calc(var(--tblr-border-width) * 2));margin:0;padding:.4375rem .75rem;font-size:.875rem;line-height:1.4285714286;color:var(--tblr-secondary);background:var(--tblr-bg-forms);text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);border-radius:3px;-webkit-box-shadow:var(--tblr-box-shadow-input);box-shadow:var(--tblr-box-shadow-input);-webkit-transition:border-color .3s,background .3s,color .3s;transition:border-color .3s,background .3s,color .3s}@media (prefers-reduced-motion:reduce){.form-selectgroup-label{-webkit-transition:none;transition:none}}.form-selectgroup-label .icon:only-child{margin:0 -.25rem}.form-selectgroup-label:hover{color:var(--tblr-body-color)}.form-selectgroup-check{display:inline-block;width:1.25rem;height:1.25rem;border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);vertical-align:middle;-webkit-box-shadow:var(--tblr-box-shadow-input);box-shadow:var(--tblr-box-shadow-input)}.form-selectgroup-input[type=checkbox]+.form-selectgroup-label .form-selectgroup-check{border-radius:var(--tblr-border-radius)}.form-selectgroup-input[type=radio]+.form-selectgroup-label .form-selectgroup-check{border-radius:50%}.form-selectgroup-input:checked+.form-selectgroup-label .form-selectgroup-check{background-color:var(--tblr-primary);background-repeat:repeat;background-position:center;background-size:1.25rem;border-color:var(--tblr-border-color-translucent)}.form-selectgroup-input[type=checkbox]:checked+.form-selectgroup-label .form-selectgroup-check{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")}.form-selectgroup-input[type=radio]:checked+.form-selectgroup-label .form-selectgroup-check{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e")}.form-selectgroup-check-floated{position:absolute;top:.4375rem;right:.4375rem}.form-selectgroup-input:checked+.form-selectgroup-label{z-index:1;color:var(--tblr-primary);background:rgba(var(--tblr-primary-rgb),.04);border-color:var(--tblr-primary)}.form-selectgroup-input:focus+.form-selectgroup-label{z-index:2;color:var(--tblr-primary);border-color:var(--tblr-primary);-webkit-box-shadow:0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25);box-shadow:0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)}.form-selectgroup-boxes .form-selectgroup-label{text-align:left;padding:1.25rem 1rem;color:inherit}.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-label{color:inherit}.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-label .form-selectgroup-title{color:var(--tblr-primary)}.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-label .form-selectgroup-label-content{opacity:1}.form-selectgroup-pills{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.form-selectgroup-pills .form-selectgroup-item{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.form-selectgroup-pills .form-selectgroup-label{border-radius:50px}.form-control-color::-webkit-color-swatch{border:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.form-control::-webkit-file-upload-button{background-color:var(--tblr-btn-color,var(--tblr-tertiary-bg))}.form-control::file-selector-button{background-color:var(--tblr-btn-color,var(--tblr-tertiary-bg))}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--tblr-btn-color,var(--tblr-secondary-bg))}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--tblr-btn-color,var(--tblr-secondary-bg))}.form-check{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-check.form-check-highlight .form-check-input:not(:checked)~.form-check-label{color:var(--tblr-secondary)}.form-check .form-check-label-off{color:var(--tblr-secondary)}.form-check .form-check-input:checked~.form-check-label-off{display:none}.form-check .form-check-input:not(:checked)~.form-check-label-on{display:none}.form-check-input{background-size:1.25rem;margin-top:0;-webkit-box-shadow:var(--tblr-box-shadow-input);box-shadow:var(--tblr-box-shadow-input)}.form-switch .form-check-input{-webkit-transition:background-color .3s,background-position .3s;transition:background-color .3s,background-position .3s}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{-webkit-transition:none;transition:none}}.form-check-label{display:block}.form-check-label.required:after{content:"*";margin-left:.25rem;color:#d63939}.form-check-description{display:block;color:var(--tblr-secondary);font-size:.75rem;margin-top:.25rem}.form-check-single{margin:0}.form-check-single .form-check-input{margin:0}.form-switch .form-check-input{height:1.25rem;margin-top:0}.form-switch-lg{padding-left:3.5rem;min-height:1.5rem}.form-switch-lg .form-check-input{height:1.5rem;width:2.75rem;background-size:1.5rem;margin-left:-3.5rem}.form-switch-lg .form-check-label{padding-top:.125rem}.form-check-input:checked{border:none}.form-control.is-invalid-lite,.form-control.is-valid-lite,.form-select.is-invalid-lite,.form-select.is-valid-lite{border-color:var(--tblr-border-color)!important}.legend{--tblr-legend-size:0.75em;display:inline-block;background:var(--tblr-border-color);width:var(--tblr-legend-size);height:var(--tblr-legend-size);border-radius:var(--tblr-border-radius-sm);border:1px solid var(--tblr-border-color-translucent)}.list-group{margin-left:0;margin-right:0}.list-group-header{background:var(--tblr-bg-surface-tertiary);padding:.5rem 1.25rem;font-size:.75rem;font-weight:var(--tblr-font-weight-medium);line-height:1;text-transform:uppercase;color:var(--tblr-gray-500);border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)}.list-group-flush>.list-group-header:last-child{border-bottom-width:0}.list-group-item{background-color:inherit}.list-group-item.active{background-color:rgba(var(--tblr-secondary-rgb),.08);border-left-color:#066fd1;border-left-width:2px}.list-group-item:active,.list-group-item:focus,.list-group-item:hover{background-color:rgba(var(--tblr-secondary-rgb),.08)}.list-group-item.disabled,.list-group-item:disabled{color:#6c7a91;background-color:rgba(var(--tblr-secondary-rgb),.08)}.list-bordered .list-item{border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);margin-top:-1px}.list-bordered .list-item:first-child{border-top:none}.list-group-hoverable .list-group-item-actions{opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}@media (prefers-reduced-motion:reduce){.list-group-hoverable .list-group-item-actions{-webkit-transition:none;transition:none}}.list-group-hoverable .list-group-item-actions.show,.list-group-hoverable .list-group-item:hover .list-group-item-actions{opacity:1}.list-group-transparent{--tblr-list-group-border-radius:0;margin:0 -1.25rem}.list-group-transparent .list-group-item{background:0 0;border:0}.list-group-transparent .list-group-item .icon{color:var(--tblr-secondary)}.list-group-transparent .list-group-item.active{font-weight:var(--tblr-font-weight-bold);color:inherit;background:var(--tblr-active-bg)}.list-group-transparent .list-group-item.active .icon{color:inherit}.list-separated{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.list-inline{margin:0}.list-inline-item:not(:last-child){margin-right:auto;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.list-inline-dots .list-inline-item+.list-inline-item:before{content:" · ";-webkit-margin-end:.5rem;margin-inline-end:.5rem}.loader{position:relative;display:block;width:2.5rem;height:2.5rem;color:#066fd1;vertical-align:middle}.loader:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";border:1px var(--tblr-border-style);border-color:transparent;border-top-color:currentColor;border-left-color:currentColor;border-radius:100rem;-webkit-animation:rotate-360 .6s linear;animation:rotate-360 .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.dimmer{position:relative}.dimmer .loader{position:absolute;top:50%;right:0;left:0;display:none;margin:0 auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.dimmer.active .loader{display:block}.dimmer.active .dimmer-content{pointer-events:none;opacity:.1}@-webkit-keyframes animated-dots{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes animated-dots{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.animated-dots{display:inline-block;overflow:hidden;vertical-align:bottom}.animated-dots:after{display:inline-block;content:"...";-webkit-animation:animated-dots 1.2s steps(4,jump-none) infinite;animation:animated-dots 1.2s steps(4,jump-none) infinite}.modal-content>.btn-close,.modal-header>.btn-close{position:absolute;top:0;right:0;width:3.5rem;height:3.5rem;margin:0;padding:0;z-index:10}.modal-body{scrollbar-color:rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.16)}.modal-body::-webkit-scrollbar{width:1rem;height:1rem;-webkit-transition:background .3s;transition:background .3s}@media (prefers-reduced-motion:reduce){.modal-body::-webkit-scrollbar{-webkit-transition:none;transition:none}}.modal-body::-webkit-scrollbar-thumb{border-radius:1rem;border:5px solid transparent;-webkit-box-shadow:inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.16);box-shadow:inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.16)}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body:hover::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.32);box-shadow:inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color,var(--tblr-body-color-rgb)),.32)}.modal-body::-webkit-scrollbar-corner{background:0 0}.modal-body .modal-title{margin-bottom:1rem}.modal-body+.modal-body{border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)}.modal-status{position:absolute;top:0;left:0;right:0;height:2px;background:var(--tblr-secondary);border-radius:var(--tblr-border-radius-lg) var(--tblr-border-radius-lg) 0 0}.modal-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:3.5rem;background:0 0;padding:0 3.5rem 0 1.5rem}.modal-title{font-size:1rem;font-weight:var(--tblr-font-weight-bold);color:inherit;line-height:1.4285714286}.modal-footer{padding-top:.75rem;padding-bottom:.75rem}.modal-blur{backdrop-filter:blur(4px)}.modal-full-width{max-width:none;margin:0 .5rem}.nav-vertical,.nav-vertical .nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.nav-vertical .nav{margin-left:1.25rem;border-left:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);padding-left:.5rem}.nav-vertical .nav-item.show .nav-link,.nav-vertical .nav-link.active{font-weight:var(--tblr-font-weight-bold)}.nav-vertical.nav-pills{margin:0 -.75rem}.nav-bordered{border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)}.nav-bordered .nav-item+.nav-item{margin-left:1.25rem}.nav-bordered .nav-link{padding-left:0;padding-right:0;margin:0 0 -var(--tblr-border-width);border:0;border-bottom:2px var(--tblr-border-style) transparent}.nav-bordered .nav-item.show .nav-link,.nav-bordered .nav-link.active{color:var(--tblr-primary);border-color:var(--tblr-primary)}.nav-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:color .3s;transition:color .3s;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (prefers-reduced-motion:reduce){.nav-link{-webkit-transition:none;transition:none}}.nav-link-toggle{margin-left:auto;padding:0 .25rem;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}@media (prefers-reduced-motion:reduce){.nav-link-toggle{-webkit-transition:none;transition:none}}.nav-link-toggle:after{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px var(--tblr-border-style);border-left:1px var(--tblr-border-style);margin-right:.1em;margin-left:.4em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.nav-link-toggle:after{margin:0}.nav-link[aria-expanded=true] .nav-link-toggle{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.nav-link-icon{width:1.25rem;height:1.25rem;margin-right:.5rem;color:var(--tblr-icon-color)}.nav-link-icon svg{display:block;height:100%}.nav-fill .nav-item .nav-link{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.stars{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:#8a97ab;font-size:.75rem}.stars .star:not(:first-child){margin-left:.25rem}.pagination{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page-link{min-width:1.75rem;border-radius:var(--tblr-border-radius)}.page-item{text-align:center}.page-item:not(.active) .page-link:hover{background:0 0}.page-item.page-next,.page-item.page-prev{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;text-align:left}.page-item.page-next{margin-left:auto;text-align:right}.page-item-subtitle{margin-bottom:2px;font-size:12px;color:var(--tblr-secondary);text-transform:uppercase}.page-item.disabled .page-item-subtitle{color:var(--tblr-disabled-color)}.page-item-title{font-size:1rem;font-weight:var(--tblr-font-weight-normal);color:var(--tblr-body-color)}.page-link:hover .page-item-title{color:#066fd1}.page-item.disabled .page-item-title{color:var(--tblr-disabled-color)}@-webkit-keyframes progress-indeterminate{0%{right:100%;left:-35%}100%,60%{right:-90%;left:100%}}@keyframes progress-indeterminate{0%{right:100%;left:-35%}100%,60%{right:-90%;left:100%}}.progress{position:relative;width:100%;line-height:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress::-webkit-progress-bar{background:var(--tblr-progress-bg)}.progress::-webkit-progress-value{background-color:var(--tblr-primary)}.progress::-moz-progress-bar{background-color:var(--tblr-primary)}.progress::-ms-fill{background-color:var(--tblr-primary);border:none}.progress-sm{height:.25rem}.progress-bar{height:100%}.progress-bar-indeterminate:after,.progress-bar-indeterminate:before{position:absolute;top:0;bottom:0;left:0;content:"";background-color:inherit;will-change:left,right}.progress-bar-indeterminate:before{-webkit-animation:progress-indeterminate 1.5s cubic-bezier(.65,.815,.735,.395) infinite;animation:progress-indeterminate 1.5s cubic-bezier(.65,.815,.735,.395) infinite}.progress-separated .progress-bar{-webkit-box-shadow:0 0 0 2px var(--tblr-card-bg,var(--tblr-bg-surface));box-shadow:0 0 0 2px var(--tblr-card-bg,var(--tblr-bg-surface))}.progressbg{position:relative;padding:.25rem .5rem;display:-webkit-box;display:-ms-flexbox;display:flex}.progressbg-text{position:relative;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progressbg-progress{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;height:100%;background:0 0;pointer-events:none}.progressbg-value{font-weight:var(--tblr-font-weight-medium);margin-left:auto;padding-left:2rem}.ribbon{--tblr-ribbon-margin:0.25rem;--tblr-ribbon-border-radius:var(--tblr-border-radius);position:absolute;top:.75rem;right:calc(-1 * var(--tblr-ribbon-margin));z-index:1;padding:.25rem .75rem;font-size:.625rem;font-weight:var(--tblr-font-weight-bold);line-height:1;color:#fff;text-align:center;text-transform:uppercase;background:var(--tblr-primary);border-color:var(--tblr-primary);border-radius:var(--tblr-ribbon-border-radius) 0 var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:2rem;min-width:2rem}.ribbon:before{position:absolute;right:0;bottom:100%;width:0;height:0;content:"";-webkit-filter:brightness(70%);filter:brightness(70%);border:calc(var(--tblr-ribbon-margin) * .5) var(--tblr-border-style);border-color:inherit;border-top-color:transparent;border-right-color:transparent}.ribbon.bg-blue{border-color:var(--tblr-blue)}.ribbon.bg-blue-lt{border-color:rgba(var(--tblr-blue-rgb),.1)!important}.ribbon.bg-azure{border-color:var(--tblr-azure)}.ribbon.bg-azure-lt{border-color:rgba(var(--tblr-azure-rgb),.1)!important}.ribbon.bg-indigo{border-color:var(--tblr-indigo)}.ribbon.bg-indigo-lt{border-color:rgba(var(--tblr-indigo-rgb),.1)!important}.ribbon.bg-purple{border-color:var(--tblr-purple)}.ribbon.bg-purple-lt{border-color:rgba(var(--tblr-purple-rgb),.1)!important}.ribbon.bg-pink{border-color:var(--tblr-pink)}.ribbon.bg-pink-lt{border-color:rgba(var(--tblr-pink-rgb),.1)!important}.ribbon.bg-red{border-color:var(--tblr-red)}.ribbon.bg-red-lt{border-color:rgba(var(--tblr-red-rgb),.1)!important}.ribbon.bg-orange{border-color:var(--tblr-orange)}.ribbon.bg-orange-lt{border-color:rgba(var(--tblr-orange-rgb),.1)!important}.ribbon.bg-yellow{border-color:var(--tblr-yellow)}.ribbon.bg-yellow-lt{border-color:rgba(var(--tblr-yellow-rgb),.1)!important}.ribbon.bg-lime{border-color:var(--tblr-lime)}.ribbon.bg-lime-lt{border-color:rgba(var(--tblr-lime-rgb),.1)!important}.ribbon.bg-green{border-color:var(--tblr-green)}.ribbon.bg-green-lt{border-color:rgba(var(--tblr-green-rgb),.1)!important}.ribbon.bg-teal{border-color:var(--tblr-teal)}.ribbon.bg-teal-lt{border-color:rgba(var(--tblr-teal-rgb),.1)!important}.ribbon.bg-cyan{border-color:var(--tblr-cyan)}.ribbon.bg-cyan-lt{border-color:rgba(var(--tblr-cyan-rgb),.1)!important}.ribbon .icon{width:1.25rem;height:1.25rem;font-size:1.25rem}.ribbon-top{top:calc(-1 * var(--tblr-ribbon-margin));right:.75rem;width:2rem;padding:.5rem 0;border-radius:0 var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius)}.ribbon-top:before{top:0;right:100%;bottom:auto;border-color:inherit;border-top-color:transparent;border-left-color:transparent}.ribbon-top.ribbon-start{right:auto;left:.75rem}.ribbon-top.ribbon-start:before{top:0;right:100%;left:auto}.ribbon-start{right:auto;left:calc(-1 * var(--tblr-ribbon-margin));border-radius:0 var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius)}.ribbon-start:before{top:auto;bottom:100%;left:0;border-color:inherit;border-top-color:transparent;border-left-color:transparent}.ribbon-bottom{top:auto;bottom:.75rem}.ribbon-bookmark{padding-left:.25rem;border-radius:0 0 var(--tblr-ribbon-border-radius) 0}.ribbon-bookmark:after{position:absolute;top:0;right:100%;display:block;width:0;height:0;content:"";border:1rem var(--tblr-border-style);border-color:inherit;border-right-width:0;border-left-color:transparent;border-left-width:.5rem}.ribbon-bookmark.ribbon-left{padding-right:.5rem}.ribbon-bookmark.ribbon-left:after{right:auto;left:100%;border-right-color:transparent;border-right-width:.5rem;border-left-width:0}.ribbon-bookmark.ribbon-top{padding-right:0;padding-bottom:.25rem;padding-left:0;border-radius:0 var(--tblr-ribbon-border-radius) 0 0}.ribbon-bookmark.ribbon-top:after{top:100%;right:0;left:0;border-color:inherit;border-width:1rem;border-top-width:0;border-bottom-color:transparent;border-bottom-width:.5rem}.markdown{line-height:1.7142857143}.markdown>:first-child{margin-top:0}.markdown>:last-child,.markdown>:last-child .highlight{margin-bottom:0}@media (min-width:768px){.markdown>.hr,.markdown>hr{margin-top:3em;margin-bottom:3em}}.markdown>.h1,.markdown>.h2,.markdown>.h3,.markdown>.h4,.markdown>.h5,.markdown>.h6,.markdown>h1,.markdown>h2,.markdown>h3,.markdown>h4,.markdown>h5,.markdown>h6{font-weight:var(--tblr-font-weight-bold)}.markdown>blockquote{font-size:1rem;margin:1.5rem 0;padding:.5rem 1.5rem}.markdown>img{border-radius:var(--tblr-border-radius)}.placeholder:not(.btn):not([class*=bg-]){background-color:currentColor!important}.placeholder:not(.avatar):not([class*=card-img-]){border-radius:var(--tblr-border-radius)}.steps{--tblr-steps-color:var(--tblr-primary);--tblr-steps-inactive-color:var(--tblr-border-color);--tblr-steps-dot-size:.5rem;--tblr-steps-border-width:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;padding:0;margin:0;list-style:none}.steps-blue{--tblr-steps-color:var(--tblr-blue)}.steps-azure{--tblr-steps-color:var(--tblr-azure)}.steps-indigo{--tblr-steps-color:var(--tblr-indigo)}.steps-purple{--tblr-steps-color:var(--tblr-purple)}.steps-pink{--tblr-steps-color:var(--tblr-pink)}.steps-red{--tblr-steps-color:var(--tblr-red)}.steps-orange{--tblr-steps-color:var(--tblr-orange)}.steps-yellow{--tblr-steps-color:var(--tblr-yellow)}.steps-lime{--tblr-steps-color:var(--tblr-lime)}.steps-green{--tblr-steps-color:var(--tblr-green)}.steps-teal{--tblr-steps-color:var(--tblr-teal)}.steps-cyan{--tblr-steps-color:var(--tblr-cyan)}.step-item{position:relative;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-height:1rem;margin-top:0;color:inherit;text-align:center;cursor:default;padding-top:calc(var(--tblr-steps-dot-size))}a.step-item{cursor:pointer}a.step-item:hover{color:inherit}.step-item:after,.step-item:before{background:var(--tblr-steps-color)}.step-item:not(:last-child):after{position:absolute;left:50%;width:100%;content:"";-webkit-transform:translateY(-50%);transform:translateY(-50%)}.step-item:after{top:calc(var(--tblr-steps-dot-size) * .5);height:var(--tblr-steps-border-width)}.step-item:before{content:"";position:absolute;top:0;left:50%;z-index:1;-webkit-box-sizing:content-box;box-sizing:content-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:100rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:var(--tblr-white);width:var(--tblr-steps-dot-size);height:var(--tblr-steps-dot-size)}.step-item.active{font-weight:var(--tblr-font-weight-bold)}.step-item.active:after{background:var(--tblr-steps-inactive-color)}.step-item.active~.step-item{color:var(--tblr-disabled-color)}.step-item.active~.step-item:after,.step-item.active~.step-item:before{background:var(--tblr-steps-inactive-color)}.steps-counter{--tblr-steps-dot-size:1.5rem;counter-reset:steps}.steps-counter .step-item{counter-increment:steps}.steps-counter .step-item:before{content:counter(steps)}.steps-vertical{--tblr-steps-dot-offset:6px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.steps-vertical.steps-counter{--tblr-steps-dot-offset:-2px}.steps-vertical .step-item{text-align:left;padding-top:0;padding-left:calc(var(--tblr-steps-dot-size) + 1rem);min-height:auto}.steps-vertical .step-item:not(:first-child){margin-top:1rem}.steps-vertical .step-item:before{top:var(--tblr-steps-dot-offset);left:0;-webkit-transform:translate(0,0);transform:translate(0,0)}.steps-vertical .step-item:not(:last-child):after{position:absolute;content:"";-webkit-transform:translateX(-50%);transform:translateX(-50%);top:var(--tblr-steps-dot-offset);left:calc(var(--tblr-steps-dot-size) * .5);width:var(--tblr-steps-border-width);height:calc(100% + 1rem)}@-webkit-keyframes status-pulsate-main{40%{-webkit-transform:scale(1.25,1.25);transform:scale(1.25,1.25)}60%{-webkit-transform:scale(1.25,1.25);transform:scale(1.25,1.25)}}@keyframes status-pulsate-main{40%{-webkit-transform:scale(1.25,1.25);transform:scale(1.25,1.25)}60%{-webkit-transform:scale(1.25,1.25);transform:scale(1.25,1.25)}}@-webkit-keyframes status-pulsate-secondary{10%{-webkit-transform:scale(1,1);transform:scale(1,1)}30%{-webkit-transform:scale(3,3);transform:scale(3,3)}80%{-webkit-transform:scale(3,3);transform:scale(3,3)}100%{-webkit-transform:scale(1,1);transform:scale(1,1)}}@keyframes status-pulsate-secondary{10%{-webkit-transform:scale(1,1);transform:scale(1,1)}30%{-webkit-transform:scale(3,3);transform:scale(3,3)}80%{-webkit-transform:scale(3,3);transform:scale(3,3)}100%{-webkit-transform:scale(1,1);transform:scale(1,1)}}@-webkit-keyframes status-pulsate-tertiary{25%{-webkit-transform:scale(1,1);transform:scale(1,1)}80%{-webkit-transform:scale(3,3);transform:scale(3,3);opacity:0}100%{-webkit-transform:scale(3,3);transform:scale(3,3);opacity:0}}@keyframes status-pulsate-tertiary{25%{-webkit-transform:scale(1,1);transform:scale(1,1)}80%{-webkit-transform:scale(3,3);transform:scale(3,3);opacity:0}100%{-webkit-transform:scale(3,3);transform:scale(3,3);opacity:0}}.status{--tblr-status-height:1.5rem;--tblr-status-color:#6c7a91;--tblr-status-color-rgb:108,122,145;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--tblr-status-height);padding:.25rem .75rem;gap:.5rem;color:var(--tblr-status-color);background:rgba(var(--tblr-status-color-rgb),.1);font-size:.875rem;text-transform:none;letter-spacing:normal;border-radius:100rem;font-weight:var(--tblr-font-weight-medium);line-height:1;margin:0}.status .status-dot{background:var(--tblr-status-color)}.status .icon{font-size:1.25rem}.status-lite{border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)!important;background:0 0!important;color:var(--tblr-body-color)!important}.status-primary{--tblr-status-color:#066fd1;--tblr-status-color-rgb:6,111,209}.status-secondary{--tblr-status-color:#6c7a91;--tblr-status-color-rgb:108,122,145}.status-success{--tblr-status-color:#2fb344;--tblr-status-color-rgb:47,179,68}.status-info{--tblr-status-color:#4299e1;--tblr-status-color-rgb:66,153,225}.status-warning{--tblr-status-color:#f76707;--tblr-status-color-rgb:247,103,7}.status-danger{--tblr-status-color:#d63939;--tblr-status-color-rgb:214,57,57}.status-light{--tblr-status-color:#f6f8fb;--tblr-status-color-rgb:246,248,251}.status-dark{--tblr-status-color:#182433;--tblr-status-color-rgb:24,36,51}.status-muted{--tblr-status-color:#6c7a91;--tblr-status-color-rgb:108,122,145}.status-blue{--tblr-status-color:#066fd1;--tblr-status-color-rgb:6,111,209}.status-azure{--tblr-status-color:#4299e1;--tblr-status-color-rgb:66,153,225}.status-indigo{--tblr-status-color:#4263eb;--tblr-status-color-rgb:66,99,235}.status-purple{--tblr-status-color:#ae3ec9;--tblr-status-color-rgb:174,62,201}.status-pink{--tblr-status-color:#d6336c;--tblr-status-color-rgb:214,51,108}.status-red{--tblr-status-color:#d63939;--tblr-status-color-rgb:214,57,57}.status-orange{--tblr-status-color:#f76707;--tblr-status-color-rgb:247,103,7}.status-yellow{--tblr-status-color:#f59f00;--tblr-status-color-rgb:245,159,0}.status-lime{--tblr-status-color:#74b816;--tblr-status-color-rgb:116,184,22}.status-green{--tblr-status-color:#2fb344;--tblr-status-color-rgb:47,179,68}.status-teal{--tblr-status-color:#0ca678;--tblr-status-color-rgb:12,166,120}.status-cyan{--tblr-status-color:#17a2b8;--tblr-status-color-rgb:23,162,184}.status-x{--tblr-status-color:#000000;--tblr-status-color-rgb:0,0,0}.status-facebook{--tblr-status-color:#1877f2;--tblr-status-color-rgb:24,119,242}.status-twitter{--tblr-status-color:#1da1f2;--tblr-status-color-rgb:29,161,242}.status-linkedin{--tblr-status-color:#0a66c2;--tblr-status-color-rgb:10,102,194}.status-google{--tblr-status-color:#dc4e41;--tblr-status-color-rgb:220,78,65}.status-youtube{--tblr-status-color:#ff0000;--tblr-status-color-rgb:255,0,0}.status-vimeo{--tblr-status-color:#1ab7ea;--tblr-status-color-rgb:26,183,234}.status-dribbble{--tblr-status-color:#ea4c89;--tblr-status-color-rgb:234,76,137}.status-github{--tblr-status-color:#181717;--tblr-status-color-rgb:24,23,23}.status-instagram{--tblr-status-color:#e4405f;--tblr-status-color-rgb:228,64,95}.status-pinterest{--tblr-status-color:#bd081c;--tblr-status-color-rgb:189,8,28}.status-vk{--tblr-status-color:#6383a8;--tblr-status-color-rgb:99,131,168}.status-rss{--tblr-status-color:#ffa500;--tblr-status-color-rgb:255,165,0}.status-flickr{--tblr-status-color:#0063dc;--tblr-status-color-rgb:0,99,220}.status-bitbucket{--tblr-status-color:#0052cc;--tblr-status-color-rgb:0,82,204}.status-tabler{--tblr-status-color:#066fd1;--tblr-status-color-rgb:6,111,209}.status-dot{--tblr-status-dot-color:var(--tblr-status-color, #6c7a91);--tblr-status-size:0.5rem;position:relative;display:inline-block;width:var(--tblr-status-size);height:var(--tblr-status-size);background:var(--tblr-status-dot-color);border-radius:100rem}.status-dot-animated:before{content:"";position:absolute;inset:0;z-index:0;background:inherit;border-radius:inherit;opacity:.6;-webkit-animation:1s linear 2s backwards infinite status-pulsate-tertiary;animation:1s linear 2s backwards infinite status-pulsate-tertiary}.status-indicator{--tblr-status-indicator-size:2.5rem;--tblr-status-indicator-color:var(--tblr-status-color, #6c7a91);display:block;position:relative;width:var(--tblr-status-indicator-size);height:var(--tblr-status-indicator-size)}.status-indicator-circle{--tblr-status-circle-size:.75rem;position:absolute;left:50%;top:50%;margin:calc(var(--tblr-status-circle-size)/ -2) 0 0 calc(var(--tblr-status-circle-size)/ -2);width:var(--tblr-status-circle-size);height:var(--tblr-status-circle-size);border-radius:100rem;background:var(--tblr-status-color)}.status-indicator-circle:nth-child(1){z-index:3}.status-indicator-circle:nth-child(2){z-index:2;opacity:.1}.status-indicator-circle:nth-child(3){z-index:1;opacity:.3}.status-indicator-animated .status-indicator-circle:nth-child(1){-webkit-animation:2s linear 1s infinite backwards status-pulsate-main;animation:2s linear 1s infinite backwards status-pulsate-main}.status-indicator-animated .status-indicator-circle:nth-child(2){-webkit-animation:2s linear 1s infinite backwards status-pulsate-secondary;animation:2s linear 1s infinite backwards status-pulsate-secondary}.status-indicator-animated .status-indicator-circle:nth-child(3){-webkit-animation:2s linear 1s infinite backwards status-pulsate-tertiary;animation:2s linear 1s infinite backwards status-pulsate-tertiary}.switch-icon{display:inline-block;line-height:1;border:0;padding:0;background:0 0;width:1.25rem;height:1.25rem;vertical-align:bottom;position:relative;cursor:pointer}.switch-icon.disabled{pointer-events:none;opacity:.4}.switch-icon:focus{outline:0}.switch-icon svg{display:block;width:100%;height:100%}.switch-icon .switch-icon-a,.switch-icon .switch-icon-b{display:block;width:100%;height:100%}.switch-icon .switch-icon-a{opacity:1}.switch-icon .switch-icon-b{position:absolute;top:0;left:0;opacity:0}.switch-icon.active .switch-icon-a{opacity:0}.switch-icon.active .switch-icon-b{opacity:1}.switch-icon-fade .switch-icon-a,.switch-icon-fade .switch-icon-b{-webkit-transition:opacity .5s;transition:opacity .5s}@media (prefers-reduced-motion:reduce){.switch-icon-fade .switch-icon-a,.switch-icon-fade .switch-icon-b{-webkit-transition:none;transition:none}}.switch-icon-scale .switch-icon-a,.switch-icon-scale .switch-icon-b{-webkit-transition:opacity .5s,-webkit-transform 0s .5s;transition:opacity .5s,-webkit-transform 0s .5s;transition:opacity .5s,transform 0s .5s;transition:opacity .5s,transform 0s .5s,-webkit-transform 0s .5s}@media (prefers-reduced-motion:reduce){.switch-icon-scale .switch-icon-a,.switch-icon-scale .switch-icon-b{-webkit-transition:none;transition:none}}.switch-icon-scale .switch-icon-b{-webkit-transform:scale(1.5);transform:scale(1.5)}.switch-icon-scale.active .switch-icon-a,.switch-icon-scale.active .switch-icon-b{-webkit-transition:opacity 0s,-webkit-transform .5s;transition:opacity 0s,-webkit-transform .5s;transition:opacity 0s,transform .5s;transition:opacity 0s,transform .5s,-webkit-transform .5s}@media (prefers-reduced-motion:reduce){.switch-icon-scale.active .switch-icon-a,.switch-icon-scale.active .switch-icon-b{-webkit-transition:none;transition:none}}.switch-icon-scale.active .switch-icon-b{-webkit-transform:scale(1);transform:scale(1)}.switch-icon-flip{-webkit-perspective:10em;perspective:10em}.switch-icon-flip .switch-icon-a,.switch-icon-flip .switch-icon-b{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:opacity 0s .2s,-webkit-transform .4s ease-in-out;transition:opacity 0s .2s,-webkit-transform .4s ease-in-out;transition:opacity 0s .2s,transform .4s ease-in-out;transition:opacity 0s .2s,transform .4s ease-in-out,-webkit-transform .4s ease-in-out}@media (prefers-reduced-motion:reduce){.switch-icon-flip .switch-icon-a,.switch-icon-flip .switch-icon-b{-webkit-transition:none;transition:none}}.switch-icon-flip .switch-icon-a{opacity:1;-webkit-transform:rotateY(0);transform:rotateY(0)}.switch-icon-flip .switch-icon-b{opacity:1;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.switch-icon-flip.active .switch-icon-a{opacity:1;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.switch-icon-flip.active .switch-icon-b{opacity:1;-webkit-transform:rotateY(0);transform:rotateY(0)}.switch-icon-slide-down,.switch-icon-slide-left,.switch-icon-slide-right,.switch-icon-slide-up{overflow:hidden}.switch-icon-slide-down .switch-icon-a,.switch-icon-slide-down .switch-icon-b,.switch-icon-slide-left .switch-icon-a,.switch-icon-slide-left .switch-icon-b,.switch-icon-slide-right .switch-icon-a,.switch-icon-slide-right .switch-icon-b,.switch-icon-slide-up .switch-icon-a,.switch-icon-slide-up .switch-icon-b{-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}@media (prefers-reduced-motion:reduce){.switch-icon-slide-down .switch-icon-a,.switch-icon-slide-down .switch-icon-b,.switch-icon-slide-left .switch-icon-a,.switch-icon-slide-left .switch-icon-b,.switch-icon-slide-right .switch-icon-a,.switch-icon-slide-right .switch-icon-b,.switch-icon-slide-up .switch-icon-a,.switch-icon-slide-up .switch-icon-b{-webkit-transition:none;transition:none}}.switch-icon-slide-down .switch-icon-a,.switch-icon-slide-left .switch-icon-a,.switch-icon-slide-right .switch-icon-a,.switch-icon-slide-up .switch-icon-a{-webkit-transform:translateY(0);transform:translateY(0)}.switch-icon-slide-down .switch-icon-b,.switch-icon-slide-left .switch-icon-b,.switch-icon-slide-right .switch-icon-b,.switch-icon-slide-up .switch-icon-b{-webkit-transform:translateY(100%);transform:translateY(100%)}.switch-icon-slide-down.active .switch-icon-a,.switch-icon-slide-left.active .switch-icon-a,.switch-icon-slide-right.active .switch-icon-a,.switch-icon-slide-up.active .switch-icon-a{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.switch-icon-slide-down.active .switch-icon-b,.switch-icon-slide-left.active .switch-icon-b,.switch-icon-slide-right.active .switch-icon-b,.switch-icon-slide-up.active .switch-icon-b{-webkit-transform:translateY(0);transform:translateY(0)}.switch-icon-slide-left .switch-icon-a{-webkit-transform:translateX(0);transform:translateX(0)}.switch-icon-slide-left .switch-icon-b{-webkit-transform:translateX(100%);transform:translateX(100%)}.switch-icon-slide-left.active .switch-icon-a{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.switch-icon-slide-left.active .switch-icon-b{-webkit-transform:translateX(0);transform:translateX(0)}.switch-icon-slide-right .switch-icon-a{-webkit-transform:translateX(0);transform:translateX(0)}.switch-icon-slide-right .switch-icon-b{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.switch-icon-slide-right.active .switch-icon-a{-webkit-transform:translateX(100%);transform:translateX(100%)}.switch-icon-slide-right.active .switch-icon-b{-webkit-transform:translateX(0);transform:translateX(0)}.switch-icon-slide-down .switch-icon-a{-webkit-transform:translateY(0);transform:translateY(0)}.switch-icon-slide-down .switch-icon-b{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.switch-icon-slide-down.active .switch-icon-a{-webkit-transform:translateY(100%);transform:translateY(100%)}.switch-icon-slide-down.active .switch-icon-b{-webkit-transform:translateY(0);transform:translateY(0)}.markdown>table thead th,.table thead th{background:var(--tblr-bg-surface-tertiary);font-size:.75rem;font-weight:var(--tblr-font-weight-bold);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--tblr-secondary);padding-top:.5rem;padding-bottom:.5rem;white-space:nowrap}@media print{.markdown>table thead th,.table thead th{background:0 0}}.table-responsive .markdown>table,.table-responsive .table{margin-bottom:0}.table-responsive+.card-footer{border-top:0}.table-transparent thead th{background:0 0}.table-nowrap>:not(caption)>*>*{white-space:nowrap}.table-vcenter>:not(caption)>*>*{vertical-align:middle}.table-center>:not(caption)>*>*{text-align:center}.td-truncate{max-width:1px;width:100%}.table-mobile{display:block}.table-mobile thead{display:none}.table-mobile tbody,.table-mobile tr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.table-mobile td{display:block;padding:.75rem .75rem!important;border:none;color:var(--tblr-body-color)!important}.table-mobile td[data-label]:before{font-size:.75rem;font-weight:var(--tblr-font-weight-bold);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--tblr-secondary);content:attr(data-label);display:block}.table-mobile tr{border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)}.table-mobile .btn{display:block}@media (max-width:575.98px){.table-mobile-sm{display:block}.table-mobile-sm thead{display:none}.table-mobile-sm tbody,.table-mobile-sm tr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.table-mobile-sm td{display:block;padding:.75rem .75rem!important;border:none;color:var(--tblr-body-color)!important}.table-mobile-sm td[data-label]:before{font-size:.75rem;font-weight:var(--tblr-font-weight-bold);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--tblr-secondary);content:attr(data-label);display:block}.table-mobile-sm tr{border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)}.table-mobile-sm .btn{display:block}}@media (max-width:767.98px){.table-mobile-md{display:block}.table-mobile-md thead{display:none}.table-mobile-md tbody,.table-mobile-md tr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.table-mobile-md td{display:block;padding:.75rem .75rem!important;border:none;color:var(--tblr-body-color)!important}.table-mobile-md td[data-label]:before{font-size:.75rem;font-weight:var(--tblr-font-weight-bold);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--tblr-secondary);content:attr(data-label);display:block}.table-mobile-md tr{border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)}.table-mobile-md .btn{display:block}}@media (max-width:991.98px){.table-mobile-lg{display:block}.table-mobile-lg thead{display:none}.table-mobile-lg tbody,.table-mobile-lg tr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.table-mobile-lg td{display:block;padding:.75rem .75rem!important;border:none;color:var(--tblr-body-color)!important}.table-mobile-lg td[data-label]:before{font-size:.75rem;font-weight:var(--tblr-font-weight-bold);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--tblr-secondary);content:attr(data-label);display:block}.table-mobile-lg tr{border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)}.table-mobile-lg .btn{display:block}}@media (max-width:1199.98px){.table-mobile-xl{display:block}.table-mobile-xl thead{display:none}.table-mobile-xl tbody,.table-mobile-xl tr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.table-mobile-xl td{display:block;padding:.75rem .75rem!important;border:none;color:var(--tblr-body-color)!important}.table-mobile-xl td[data-label]:before{font-size:.75rem;font-weight:var(--tblr-font-weight-bold);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--tblr-secondary);content:attr(data-label);display:block}.table-mobile-xl tr{border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)}.table-mobile-xl .btn{display:block}}@media (max-width:1399.98px){.table-mobile-xxl{display:block}.table-mobile-xxl thead{display:none}.table-mobile-xxl tbody,.table-mobile-xxl tr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.table-mobile-xxl td{display:block;padding:.75rem .75rem!important;border:none;color:var(--tblr-body-color)!important}.table-mobile-xxl td[data-label]:before{font-size:.75rem;font-weight:var(--tblr-font-weight-bold);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--tblr-secondary);content:attr(data-label);display:block}.table-mobile-xxl tr{border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent)}.table-mobile-xxl .btn{display:block}}.table-sort{font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;border:0;background:inherit;display:block;width:100%;text-align:inherit;-webkit-transition:color .3s;transition:color .3s;margin:-.5rem -.75rem;padding:.5rem .75rem}@media (prefers-reduced-motion:reduce){.table-sort{-webkit-transition:none;transition:none}}.table-sort.asc,.table-sort.desc,.table-sort:hover{color:var(--tblr-body-color)}.table-sort:after{content:"";display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:1rem;height:1rem;vertical-align:bottom;-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'><path d='M5 7l3 -3l3 3'/><path d='M5 10l3 3l3 -3'/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'><path d='M5 7l3 -3l3 3'/><path d='M5 10l3 3l3 -3'/></svg>");background:currentColor;margin-left:.25rem}.table-sort.asc:after{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 10l3 -3l3 3'/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 10l3 -3l3 3'/></svg>")}.table-sort.desc:after{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 7l3 3l3 -3'/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 7l3 3l3 -3'/></svg>")}.table-borderless thead th{background:0 0}.tag{--tblr-tag-height:1.5rem;border:1px solid var(--tblr-border-color);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--tblr-tag-height);border-radius:var(--tblr-border-radius);padding:0 .5rem;background:var(--tblr-bg-surface);-webkit-box-shadow:var(--tblr-box-shadow-input);box-shadow:var(--tblr-box-shadow-input);gap:.5rem}.tag .btn-close{margin-right:-.25rem;margin-left:-.125rem;padding:0;width:1rem;height:1rem;font-size:.5rem}.tag-badge{--tblr-badge-font-size:0.625rem;--tblr-badge-padding-x:.25rem;--tblr-badge-padding-y:.125rem;margin-right:-.25rem}.tag-avatar,.tag-check,.tag-flag,.tag-icon,.tag-payment{margin-left:-.25rem}.tag-icon{color:var(--tblr-secondary);margin-right:-.125rem;width:1rem;height:1rem}.tag-check{width:1rem;height:1rem;background-size:1rem}.tags-list{--tblr-list-gap:0.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--tblr-list-gap)}.toast{border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);-webkit-box-shadow:rgba(24,36,51,.04) 0 2px 4px 0;box-shadow:rgba(24,36,51,.04) 0 2px 4px 0}.toast .toast-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toast button[data-bs-dismiss=toast]{outline:0}.toast-primary{--tblr-toast-color:#066fd1}.toast-secondary{--tblr-toast-color:#6c7a91}.toast-success{--tblr-toast-color:#2fb344}.toast-info{--tblr-toast-color:#4299e1}.toast-warning{--tblr-toast-color:#f76707}.toast-danger{--tblr-toast-color:#d63939}.toast-light{--tblr-toast-color:#f6f8fb}.toast-dark{--tblr-toast-color:#182433}.toast-muted{--tblr-toast-color:#6c7a91}.toast-blue{--tblr-toast-color:#066fd1}.toast-azure{--tblr-toast-color:#4299e1}.toast-indigo{--tblr-toast-color:#4263eb}.toast-purple{--tblr-toast-color:#ae3ec9}.toast-pink{--tblr-toast-color:#d6336c}.toast-red{--tblr-toast-color:#d63939}.toast-orange{--tblr-toast-color:#f76707}.toast-yellow{--tblr-toast-color:#f59f00}.toast-lime{--tblr-toast-color:#74b816}.toast-green{--tblr-toast-color:#2fb344}.toast-teal{--tblr-toast-color:#0ca678}.toast-cyan{--tblr-toast-color:#17a2b8}.toast-x{--tblr-toast-color:#000000}.toast-facebook{--tblr-toast-color:#1877f2}.toast-twitter{--tblr-toast-color:#1da1f2}.toast-linkedin{--tblr-toast-color:#0a66c2}.toast-google{--tblr-toast-color:#dc4e41}.toast-youtube{--tblr-toast-color:#ff0000}.toast-vimeo{--tblr-toast-color:#1ab7ea}.toast-dribbble{--tblr-toast-color:#ea4c89}.toast-github{--tblr-toast-color:#181717}.toast-instagram{--tblr-toast-color:#e4405f}.toast-pinterest{--tblr-toast-color:#bd081c}.toast-vk{--tblr-toast-color:#6383a8}.toast-rss{--tblr-toast-color:#ffa500}.toast-flickr{--tblr-toast-color:#0063dc}.toast-bitbucket{--tblr-toast-color:#0052cc}.toast-tabler{--tblr-toast-color:#066fd1}.toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;margin:0 -.5rem}.toolbar>*{margin:0 .5rem}.tracking{--tblr-tracking-height:1.5rem;--tblr-tracking-gap-width:0.125rem;--tblr-tracking-block-border-radius:var(--tblr-border-radius);display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--tblr-tracking-gap-width)}.tracking-squares{--tblr-tracking-block-border-radius:var(--tblr-border-radius-sm)}.tracking-squares .tracking-block{height:auto}.tracking-squares .tracking-block:before{content:"";display:block;padding-top:100%}.tracking-block{-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:var(--tblr-tracking-block-border-radius);height:var(--tblr-tracking-height);min-width:.25rem;background:var(--tblr-border-color)}.timeline{--tblr-timeline-icon-size:2.5rem;position:relative;list-style:none;padding:0}.timeline-event{position:relative}.timeline-event:not(:last-child){margin-bottom:var(--tblr-page-padding)}.timeline-event:not(:last-child):before{content:"";position:absolute;top:var(--tblr-timeline-icon-size);left:calc(var(--tblr-timeline-icon-size)/ 2);bottom:calc(-1 * var(--tblr-page-padding));width:var(--tblr-border-width);background-color:var(--tblr-border-color);border-radius:var(--tblr-border-radius)}.timeline-event-icon{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:var(--tblr-timeline-icon-size,2.5rem);height:var(--tblr-timeline-icon-size,2.5rem);background:var(--tblr-gray-200);color:var(--tblr-secondary);border-radius:var(--tblr-border-radius);z-index:5}.timeline-event-card{margin-left:calc(var(--tblr-timeline-icon-size,2.5rem) + var(--tblr-page-padding))}.timeline-simple .timeline-event-icon{display:none}.timeline-simple .timeline-event-card{margin-left:0}.hr-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:2rem 0;font-size:.75rem;font-weight:var(--tblr-font-weight-bold);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--tblr-secondary);height:1px}.hr-text:after,.hr-text:before{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;height:1px;background-color:var(--tblr-border-color)}.hr-text:before{content:"";margin-right:.5rem}.hr-text:after{content:"";margin-left:.5rem}.hr-text>:first-child{padding-right:.5rem;padding-left:0;color:var(--tblr-secondary)}.hr-text.hr-text-left:before,.hr-text.hr-text-start:before{content:none}.hr-text.hr-text-left>:first-child,.hr-text.hr-text-start>:first-child{padding-right:.5rem;padding-left:.5rem}.hr-text.hr-text-end:before,.hr-text.hr-text-right:before{content:""}.hr-text.hr-text-end:after,.hr-text.hr-text-right:after{content:none}.hr-text.hr-text-end>:first-child,.hr-text.hr-text-right>:first-child{padding-right:0;padding-left:.5rem}.card>.hr-text{margin:0}.hr-text-spaceless{margin:-.5rem 0}.lead{line-height:1.4}a{-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}.h1 a:hover,.h2 a:hover,.h3 a:hover,.h4 a:hover,.h5 a:hover,.h6 a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:inherit}.h1,h1{font-size:var(--tblr-font-size-h1);line-height:var(--tblr-line-height-h1)}.h2,h2{font-size:var(--tblr-font-size-h2);line-height:var(--tblr-line-height-h2)}.h3,h3{font-size:var(--tblr-font-size-h3);line-height:var(--tblr-line-height-h3)}.h4,h4{font-size:var(--tblr-font-size-h4);line-height:var(--tblr-line-height-h4)}.h5,h5{font-size:var(--tblr-font-size-h5);line-height:var(--tblr-line-height-h5)}.h6,h6{font-size:var(--tblr-font-size-h6);line-height:var(--tblr-line-height-h6)}.strong,b,strong{font-weight:var(--tblr-font-weight-bold)}blockquote{padding-left:1rem;border-left:2px var(--tblr-border-style) var(--tblr-border-color)}blockquote p{margin-bottom:1rem}blockquote cite{display:block;text-align:right}blockquote cite:before{content:"— "}ol,ul{padding-left:1.5rem}.hr,hr{margin:2rem 0}dl dd:last-child{margin-bottom:0}pre{padding:1rem;background:var(--tblr-bg-surface-dark);color:var(--tblr-light);border-radius:var(--tblr-border-radius)}pre code{background:0 0;padding:0}code{background:var(--tblr-code-bg);padding:2px 4px;border-radius:var(--tblr-border-radius)}.kbd,kbd{border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;font-size:var(--tblr-font-size-h5);font-weight:var(--tblr-font-weight-medium);line-height:1;vertical-align:baseline;border-radius:var(--tblr-border-radius)}img{max-width:100%;height:auto}.list-unstyled{margin-left:0}::-moz-selection{background-color:rgba(var(--tblr-primary-rgb),.16)}::selection{background-color:rgba(var(--tblr-primary-rgb),.16)}[class*=" link-"].disabled,[class^=link-].disabled{color:var(--tblr-disabled-color)!important;pointer-events:none}a:hover:has(.icon){text-decoration:none}.subheader{font-size:.75rem;font-weight:var(--tblr-font-weight-bold);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--tblr-secondary)}.chart{display:block;min-height:10rem}.chart text{font-family:inherit}.chart-sm{height:2.5rem}.chart-lg{height:15rem}.chart-square{height:5.75rem}.chart-sparkline{position:relative;width:4rem;height:2.5rem;line-height:1;min-height:0!important}.chart-sparkline-sm{height:1.5rem}.chart-sparkline-square{width:2.5rem}.chart-sparkline-wide{width:6rem}.chart-sparkline-label{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.625rem}.chart-sparkline-label .icon{width:1rem;height:1rem;font-size:1rem}.offcanvas-header{border-bottom:var(--tblr-border-width) var(--tblr-border-style) rgba(4,32,69,.1)}.offcanvas-footer{padding:1.5rem 1.5rem}.offcanvas-title{font-size:1rem;font-weight:var(--tblr-font-weight-medium);line-height:1.5rem}.offcanvas-narrow{width:20rem}.chat-bubbles{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.chat-bubble{background:var(--tblr-bg-surface-secondary);border-radius:var(--tblr-border-radius-lg);padding:1rem;position:relative}.chat-bubble-me{background-color:var(--tblr-primary-lt);-webkit-box-shadow:none;box-shadow:none}.chat-bubble-title{margin-bottom:.25rem}.chat-bubble-author{font-weight:600}.chat-bubble-date{color:var(--tblr-secondary)}.chat-bubble-body>:last-child{margin-bottom:0}.bg-white-overlay{color:#fff;background-color:rgba(246,248,251,.24)}.bg-dark-overlay{color:#fff;background-color:rgba(24,36,51,.24)}.bg-cover{background-repeat:no-repeat;background-size:cover;background-position:center}.bg-primary{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-primary-rgb),var(--tblr-bg-opacity))!important}.bg-primary-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-primary-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-primary-lt-rgb),var(--tblr-bg-opacity))!important}.border-primary{--tblr-border-opacity:1;border-color:rgba(var(--tblr-primary-rgb),var(--tblr-border-opacity))!important}.bg-secondary{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-secondary-rgb),var(--tblr-bg-opacity))!important}.bg-secondary-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-secondary-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-secondary-lt-rgb),var(--tblr-bg-opacity))!important}.border-secondary{--tblr-border-opacity:1;border-color:rgba(var(--tblr-secondary-rgb),var(--tblr-border-opacity))!important}.bg-success{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-success-rgb),var(--tblr-bg-opacity))!important}.bg-success-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-success-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-success-lt-rgb),var(--tblr-bg-opacity))!important}.border-success{--tblr-border-opacity:1;border-color:rgba(var(--tblr-success-rgb),var(--tblr-border-opacity))!important}.bg-info{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-info-rgb),var(--tblr-bg-opacity))!important}.bg-info-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-info-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-info-lt-rgb),var(--tblr-bg-opacity))!important}.border-info{--tblr-border-opacity:1;border-color:rgba(var(--tblr-info-rgb),var(--tblr-border-opacity))!important}.bg-warning{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-warning-rgb),var(--tblr-bg-opacity))!important}.bg-warning-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-warning-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-warning-lt-rgb),var(--tblr-bg-opacity))!important}.border-warning{--tblr-border-opacity:1;border-color:rgba(var(--tblr-warning-rgb),var(--tblr-border-opacity))!important}.bg-danger{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-danger-rgb),var(--tblr-bg-opacity))!important}.bg-danger-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-danger-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-danger-lt-rgb),var(--tblr-bg-opacity))!important}.border-danger{--tblr-border-opacity:1;border-color:rgba(var(--tblr-danger-rgb),var(--tblr-border-opacity))!important}.bg-light{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-light-rgb),var(--tblr-bg-opacity))!important}.bg-light-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-light-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-light-lt-rgb),var(--tblr-bg-opacity))!important}.border-light{--tblr-border-opacity:1;border-color:rgba(var(--tblr-light-rgb),var(--tblr-border-opacity))!important}.bg-dark{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-dark-rgb),var(--tblr-bg-opacity))!important}.bg-dark-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-dark-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-dark-lt-rgb),var(--tblr-bg-opacity))!important}.border-dark{--tblr-border-opacity:1;border-color:rgba(var(--tblr-dark-rgb),var(--tblr-border-opacity))!important}.bg-muted{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-muted-rgb),var(--tblr-bg-opacity))!important}.bg-muted-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-muted-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-muted-lt-rgb),var(--tblr-bg-opacity))!important}.border-muted{--tblr-border-opacity:1;border-color:rgba(var(--tblr-muted-rgb),var(--tblr-border-opacity))!important}.bg-blue{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-blue-rgb),var(--tblr-bg-opacity))!important}.bg-blue-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-blue-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-blue-lt-rgb),var(--tblr-bg-opacity))!important}.border-blue{--tblr-border-opacity:1;border-color:rgba(var(--tblr-blue-rgb),var(--tblr-border-opacity))!important}.bg-azure{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-azure-rgb),var(--tblr-bg-opacity))!important}.bg-azure-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-azure-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-azure-lt-rgb),var(--tblr-bg-opacity))!important}.border-azure{--tblr-border-opacity:1;border-color:rgba(var(--tblr-azure-rgb),var(--tblr-border-opacity))!important}.bg-indigo{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-indigo-rgb),var(--tblr-bg-opacity))!important}.bg-indigo-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-indigo-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-indigo-lt-rgb),var(--tblr-bg-opacity))!important}.border-indigo{--tblr-border-opacity:1;border-color:rgba(var(--tblr-indigo-rgb),var(--tblr-border-opacity))!important}.bg-purple{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-purple-rgb),var(--tblr-bg-opacity))!important}.bg-purple-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-purple-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-purple-lt-rgb),var(--tblr-bg-opacity))!important}.border-purple{--tblr-border-opacity:1;border-color:rgba(var(--tblr-purple-rgb),var(--tblr-border-opacity))!important}.bg-pink{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-pink-rgb),var(--tblr-bg-opacity))!important}.bg-pink-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-pink-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-pink-lt-rgb),var(--tblr-bg-opacity))!important}.border-pink{--tblr-border-opacity:1;border-color:rgba(var(--tblr-pink-rgb),var(--tblr-border-opacity))!important}.bg-red{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-red-rgb),var(--tblr-bg-opacity))!important}.bg-red-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-red-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-red-lt-rgb),var(--tblr-bg-opacity))!important}.border-red{--tblr-border-opacity:1;border-color:rgba(var(--tblr-red-rgb),var(--tblr-border-opacity))!important}.bg-orange{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-orange-rgb),var(--tblr-bg-opacity))!important}.bg-orange-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-orange-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-orange-lt-rgb),var(--tblr-bg-opacity))!important}.border-orange{--tblr-border-opacity:1;border-color:rgba(var(--tblr-orange-rgb),var(--tblr-border-opacity))!important}.bg-yellow{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-yellow-rgb),var(--tblr-bg-opacity))!important}.bg-yellow-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-yellow-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-yellow-lt-rgb),var(--tblr-bg-opacity))!important}.border-yellow{--tblr-border-opacity:1;border-color:rgba(var(--tblr-yellow-rgb),var(--tblr-border-opacity))!important}.bg-lime{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-lime-rgb),var(--tblr-bg-opacity))!important}.bg-lime-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-lime-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-lime-lt-rgb),var(--tblr-bg-opacity))!important}.border-lime{--tblr-border-opacity:1;border-color:rgba(var(--tblr-lime-rgb),var(--tblr-border-opacity))!important}.bg-green{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-green-rgb),var(--tblr-bg-opacity))!important}.bg-green-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-green-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-green-lt-rgb),var(--tblr-bg-opacity))!important}.border-green{--tblr-border-opacity:1;border-color:rgba(var(--tblr-green-rgb),var(--tblr-border-opacity))!important}.bg-teal{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-teal-rgb),var(--tblr-bg-opacity))!important}.bg-teal-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-teal-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-teal-lt-rgb),var(--tblr-bg-opacity))!important}.border-teal{--tblr-border-opacity:1;border-color:rgba(var(--tblr-teal-rgb),var(--tblr-border-opacity))!important}.bg-cyan{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-cyan-rgb),var(--tblr-bg-opacity))!important}.bg-cyan-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-cyan-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-cyan-lt-rgb),var(--tblr-bg-opacity))!important}.border-cyan{--tblr-border-opacity:1;border-color:rgba(var(--tblr-cyan-rgb),var(--tblr-border-opacity))!important}.bg-x{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-x-rgb),var(--tblr-bg-opacity))!important}.bg-x-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-x-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-x-lt-rgb),var(--tblr-bg-opacity))!important}.border-x{--tblr-border-opacity:1;border-color:rgba(var(--tblr-x-rgb),var(--tblr-border-opacity))!important}.bg-facebook{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-facebook-rgb),var(--tblr-bg-opacity))!important}.bg-facebook-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-facebook-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-facebook-lt-rgb),var(--tblr-bg-opacity))!important}.border-facebook{--tblr-border-opacity:1;border-color:rgba(var(--tblr-facebook-rgb),var(--tblr-border-opacity))!important}.bg-twitter{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-twitter-rgb),var(--tblr-bg-opacity))!important}.bg-twitter-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-twitter-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-twitter-lt-rgb),var(--tblr-bg-opacity))!important}.border-twitter{--tblr-border-opacity:1;border-color:rgba(var(--tblr-twitter-rgb),var(--tblr-border-opacity))!important}.bg-linkedin{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-linkedin-rgb),var(--tblr-bg-opacity))!important}.bg-linkedin-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-linkedin-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-linkedin-lt-rgb),var(--tblr-bg-opacity))!important}.border-linkedin{--tblr-border-opacity:1;border-color:rgba(var(--tblr-linkedin-rgb),var(--tblr-border-opacity))!important}.bg-google{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-google-rgb),var(--tblr-bg-opacity))!important}.bg-google-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-google-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-google-lt-rgb),var(--tblr-bg-opacity))!important}.border-google{--tblr-border-opacity:1;border-color:rgba(var(--tblr-google-rgb),var(--tblr-border-opacity))!important}.bg-youtube{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-youtube-rgb),var(--tblr-bg-opacity))!important}.bg-youtube-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-youtube-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-youtube-lt-rgb),var(--tblr-bg-opacity))!important}.border-youtube{--tblr-border-opacity:1;border-color:rgba(var(--tblr-youtube-rgb),var(--tblr-border-opacity))!important}.bg-vimeo{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-vimeo-rgb),var(--tblr-bg-opacity))!important}.bg-vimeo-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-vimeo-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-vimeo-lt-rgb),var(--tblr-bg-opacity))!important}.border-vimeo{--tblr-border-opacity:1;border-color:rgba(var(--tblr-vimeo-rgb),var(--tblr-border-opacity))!important}.bg-dribbble{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-dribbble-rgb),var(--tblr-bg-opacity))!important}.bg-dribbble-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-dribbble-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-dribbble-lt-rgb),var(--tblr-bg-opacity))!important}.border-dribbble{--tblr-border-opacity:1;border-color:rgba(var(--tblr-dribbble-rgb),var(--tblr-border-opacity))!important}.bg-github{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-github-rgb),var(--tblr-bg-opacity))!important}.bg-github-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-github-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-github-lt-rgb),var(--tblr-bg-opacity))!important}.border-github{--tblr-border-opacity:1;border-color:rgba(var(--tblr-github-rgb),var(--tblr-border-opacity))!important}.bg-instagram{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-instagram-rgb),var(--tblr-bg-opacity))!important}.bg-instagram-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-instagram-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-instagram-lt-rgb),var(--tblr-bg-opacity))!important}.border-instagram{--tblr-border-opacity:1;border-color:rgba(var(--tblr-instagram-rgb),var(--tblr-border-opacity))!important}.bg-pinterest{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-pinterest-rgb),var(--tblr-bg-opacity))!important}.bg-pinterest-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-pinterest-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-pinterest-lt-rgb),var(--tblr-bg-opacity))!important}.border-pinterest{--tblr-border-opacity:1;border-color:rgba(var(--tblr-pinterest-rgb),var(--tblr-border-opacity))!important}.bg-vk{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-vk-rgb),var(--tblr-bg-opacity))!important}.bg-vk-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-vk-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-vk-lt-rgb),var(--tblr-bg-opacity))!important}.border-vk{--tblr-border-opacity:1;border-color:rgba(var(--tblr-vk-rgb),var(--tblr-border-opacity))!important}.bg-rss{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-rss-rgb),var(--tblr-bg-opacity))!important}.bg-rss-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-rss-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-rss-lt-rgb),var(--tblr-bg-opacity))!important}.border-rss{--tblr-border-opacity:1;border-color:rgba(var(--tblr-rss-rgb),var(--tblr-border-opacity))!important}.bg-flickr{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-flickr-rgb),var(--tblr-bg-opacity))!important}.bg-flickr-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-flickr-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-flickr-lt-rgb),var(--tblr-bg-opacity))!important}.border-flickr{--tblr-border-opacity:1;border-color:rgba(var(--tblr-flickr-rgb),var(--tblr-border-opacity))!important}.bg-bitbucket{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-bitbucket-rgb),var(--tblr-bg-opacity))!important}.bg-bitbucket-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-bitbucket-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-bitbucket-lt-rgb),var(--tblr-bg-opacity))!important}.border-bitbucket{--tblr-border-opacity:1;border-color:rgba(var(--tblr-bitbucket-rgb),var(--tblr-border-opacity))!important}.bg-tabler{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-tabler-rgb),var(--tblr-bg-opacity))!important}.bg-tabler-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-tabler-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-tabler-lt-rgb),var(--tblr-bg-opacity))!important}.border-tabler{--tblr-border-opacity:1;border-color:rgba(var(--tblr-tabler-rgb),var(--tblr-border-opacity))!important}.bg-white{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-white-rgb),var(--tblr-bg-opacity))!important}.bg-white-lt{--tblr-bg-opacity:1;--tblr-text-opacity:1;color:rgba(var(--tblr-white-rgb),var(--tblr-text-opacity))!important;background-color:rgba(var(--tblr-white-lt-rgb),var(--tblr-bg-opacity))!important}.border-white{--tblr-border-opacity:1;border-color:rgba(var(--tblr-white-rgb),var(--tblr-border-opacity))!important}.text-primary{--tblr-text-opacity:1;color:rgba(var(--tblr-primary-rgb),var(--tblr-text-opacity))!important}.text-primary-fg{color:var(--tblr-primary-fg)!important}.text-secondary{--tblr-text-opacity:1;color:rgba(var(--tblr-secondary-rgb),var(--tblr-text-opacity))!important}.text-secondary-fg{color:var(--tblr-secondary-fg)!important}.text-success{--tblr-text-opacity:1;color:rgba(var(--tblr-success-rgb),var(--tblr-text-opacity))!important}.text-success-fg{color:var(--tblr-success-fg)!important}.text-info{--tblr-text-opacity:1;color:rgba(var(--tblr-info-rgb),var(--tblr-text-opacity))!important}.text-info-fg{color:var(--tblr-info-fg)!important}.text-warning{--tblr-text-opacity:1;color:rgba(var(--tblr-warning-rgb),var(--tblr-text-opacity))!important}.text-warning-fg{color:var(--tblr-warning-fg)!important}.text-danger{--tblr-text-opacity:1;color:rgba(var(--tblr-danger-rgb),var(--tblr-text-opacity))!important}.text-danger-fg{color:var(--tblr-danger-fg)!important}.text-light{--tblr-text-opacity:1;color:rgba(var(--tblr-light-rgb),var(--tblr-text-opacity))!important}.text-light-fg{color:var(--tblr-light-fg)!important}.text-dark{--tblr-text-opacity:1;color:rgba(var(--tblr-dark-rgb),var(--tblr-text-opacity))!important}.text-dark-fg{color:var(--tblr-dark-fg)!important}.text-muted{--tblr-text-opacity:1;color:rgba(var(--tblr-muted-rgb),var(--tblr-text-opacity))!important}.text-muted-fg{color:var(--tblr-muted-fg)!important}.text-blue{--tblr-text-opacity:1;color:rgba(var(--tblr-blue-rgb),var(--tblr-text-opacity))!important}.text-blue-fg{color:var(--tblr-blue-fg)!important}.text-azure{--tblr-text-opacity:1;color:rgba(var(--tblr-azure-rgb),var(--tblr-text-opacity))!important}.text-azure-fg{color:var(--tblr-azure-fg)!important}.text-indigo{--tblr-text-opacity:1;color:rgba(var(--tblr-indigo-rgb),var(--tblr-text-opacity))!important}.text-indigo-fg{color:var(--tblr-indigo-fg)!important}.text-purple{--tblr-text-opacity:1;color:rgba(var(--tblr-purple-rgb),var(--tblr-text-opacity))!important}.text-purple-fg{color:var(--tblr-purple-fg)!important}.text-pink{--tblr-text-opacity:1;color:rgba(var(--tblr-pink-rgb),var(--tblr-text-opacity))!important}.text-pink-fg{color:var(--tblr-pink-fg)!important}.text-red{--tblr-text-opacity:1;color:rgba(var(--tblr-red-rgb),var(--tblr-text-opacity))!important}.text-red-fg{color:var(--tblr-red-fg)!important}.text-orange{--tblr-text-opacity:1;color:rgba(var(--tblr-orange-rgb),var(--tblr-text-opacity))!important}.text-orange-fg{color:var(--tblr-orange-fg)!important}.text-yellow{--tblr-text-opacity:1;color:rgba(var(--tblr-yellow-rgb),var(--tblr-text-opacity))!important}.text-yellow-fg{color:var(--tblr-yellow-fg)!important}.text-lime{--tblr-text-opacity:1;color:rgba(var(--tblr-lime-rgb),var(--tblr-text-opacity))!important}.text-lime-fg{color:var(--tblr-lime-fg)!important}.text-green{--tblr-text-opacity:1;color:rgba(var(--tblr-green-rgb),var(--tblr-text-opacity))!important}.text-green-fg{color:var(--tblr-green-fg)!important}.text-teal{--tblr-text-opacity:1;color:rgba(var(--tblr-teal-rgb),var(--tblr-text-opacity))!important}.text-teal-fg{color:var(--tblr-teal-fg)!important}.text-cyan{--tblr-text-opacity:1;color:rgba(var(--tblr-cyan-rgb),var(--tblr-text-opacity))!important}.text-cyan-fg{color:var(--tblr-cyan-fg)!important}.text-x{--tblr-text-opacity:1;color:rgba(var(--tblr-x-rgb),var(--tblr-text-opacity))!important}.text-x-fg{color:var(--tblr-x-fg)!important}.text-facebook{--tblr-text-opacity:1;color:rgba(var(--tblr-facebook-rgb),var(--tblr-text-opacity))!important}.text-facebook-fg{color:var(--tblr-facebook-fg)!important}.text-twitter{--tblr-text-opacity:1;color:rgba(var(--tblr-twitter-rgb),var(--tblr-text-opacity))!important}.text-twitter-fg{color:var(--tblr-twitter-fg)!important}.text-linkedin{--tblr-text-opacity:1;color:rgba(var(--tblr-linkedin-rgb),var(--tblr-text-opacity))!important}.text-linkedin-fg{color:var(--tblr-linkedin-fg)!important}.text-google{--tblr-text-opacity:1;color:rgba(var(--tblr-google-rgb),var(--tblr-text-opacity))!important}.text-google-fg{color:var(--tblr-google-fg)!important}.text-youtube{--tblr-text-opacity:1;color:rgba(var(--tblr-youtube-rgb),var(--tblr-text-opacity))!important}.text-youtube-fg{color:var(--tblr-youtube-fg)!important}.text-vimeo{--tblr-text-opacity:1;color:rgba(var(--tblr-vimeo-rgb),var(--tblr-text-opacity))!important}.text-vimeo-fg{color:var(--tblr-vimeo-fg)!important}.text-dribbble{--tblr-text-opacity:1;color:rgba(var(--tblr-dribbble-rgb),var(--tblr-text-opacity))!important}.text-dribbble-fg{color:var(--tblr-dribbble-fg)!important}.text-github{--tblr-text-opacity:1;color:rgba(var(--tblr-github-rgb),var(--tblr-text-opacity))!important}.text-github-fg{color:var(--tblr-github-fg)!important}.text-instagram{--tblr-text-opacity:1;color:rgba(var(--tblr-instagram-rgb),var(--tblr-text-opacity))!important}.text-instagram-fg{color:var(--tblr-instagram-fg)!important}.text-pinterest{--tblr-text-opacity:1;color:rgba(var(--tblr-pinterest-rgb),var(--tblr-text-opacity))!important}.text-pinterest-fg{color:var(--tblr-pinterest-fg)!important}.text-vk{--tblr-text-opacity:1;color:rgba(var(--tblr-vk-rgb),var(--tblr-text-opacity))!important}.text-vk-fg{color:var(--tblr-vk-fg)!important}.text-rss{--tblr-text-opacity:1;color:rgba(var(--tblr-rss-rgb),var(--tblr-text-opacity))!important}.text-rss-fg{color:var(--tblr-rss-fg)!important}.text-flickr{--tblr-text-opacity:1;color:rgba(var(--tblr-flickr-rgb),var(--tblr-text-opacity))!important}.text-flickr-fg{color:var(--tblr-flickr-fg)!important}.text-bitbucket{--tblr-text-opacity:1;color:rgba(var(--tblr-bitbucket-rgb),var(--tblr-text-opacity))!important}.text-bitbucket-fg{color:var(--tblr-bitbucket-fg)!important}.text-tabler{--tblr-text-opacity:1;color:rgba(var(--tblr-tabler-rgb),var(--tblr-text-opacity))!important}.text-tabler-fg{color:var(--tblr-tabler-fg)!important}.bg-gray-50{--tblr-bg-opacity:.1;background-color:rgba(var(--tblr-gray-50-rgb),var(--tblr-bg-opacity))!important}.text-gray-50-fg{color:#f6f8fb!important}.bg-gray-100{--tblr-bg-opacity:.1;background-color:rgba(var(--tblr-gray-100-rgb),var(--tblr-bg-opacity))!important}.text-gray-100-fg{color:#eef3f6!important}.bg-gray-200{--tblr-bg-opacity:.1;background-color:rgba(var(--tblr-gray-200-rgb),var(--tblr-bg-opacity))!important}.text-gray-200-fg{color:#dce1e7!important}.bg-gray-300{--tblr-bg-opacity:.1;background-color:rgba(var(--tblr-gray-300-rgb),var(--tblr-bg-opacity))!important}.text-gray-300-fg{color:#b8c4d4!important}.bg-gray-400{--tblr-bg-opacity:.1;background-color:rgba(var(--tblr-gray-400-rgb),var(--tblr-bg-opacity))!important}.text-gray-400-fg{color:#8a97ab!important}.bg-gray-500{--tblr-bg-opacity:.1;background-color:rgba(var(--tblr-gray-500-rgb),var(--tblr-bg-opacity))!important}.text-gray-500-fg{color:#6c7a91!important}.bg-gray-600{--tblr-bg-opacity:.1;background-color:rgba(var(--tblr-gray-600-rgb),var(--tblr-bg-opacity))!important}.text-gray-600-fg{color:#49566c!important}.bg-gray-700{--tblr-bg-opacity:.1;background-color:rgba(var(--tblr-gray-700-rgb),var(--tblr-bg-opacity))!important}.text-gray-700-fg{color:#3a4859!important}.bg-gray-800{--tblr-bg-opacity:.1;background-color:rgba(var(--tblr-gray-800-rgb),var(--tblr-bg-opacity))!important}.text-gray-800-fg{color:#182433!important}.bg-gray-900{--tblr-bg-opacity:.1;background-color:rgba(var(--tblr-gray-900-rgb),var(--tblr-bg-opacity))!important}.text-gray-900-fg{color:#040a11!important}.scrollable{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.scrollable.hover{overflow-y:hidden}.scrollable.hover>*{margin-top:-1px}.scrollable.hover:active,.scrollable.hover:focus,.scrollable.hover:hover{overflow:visible;overflow-y:auto}.touch .scrollable{overflow-y:auto!important}.scroll-x,.scroll-y{overflow:hidden;-webkit-overflow-scrolling:touch}.scroll-y{overflow-y:auto}.scroll-x{overflow-x:auto}.no-scroll{overflow:hidden}.w-0{width:0!important}.h-0{height:0!important}.w-1{width:.25rem!important}.h-1{height:.25rem!important}.w-2{width:.5rem!important}.h-2{height:.5rem!important}.w-3{width:1rem!important}.h-3{height:1rem!important}.w-4{width:1.5rem!important}.h-4{height:1.5rem!important}.w-5{width:2rem!important}.h-5{height:2rem!important}.w-6{width:2.5rem!important}.h-6{height:2.5rem!important}.w-auto{width:auto!important}.h-auto{height:auto!important}.w-px{width:1px!important}.h-px{height:1px!important}.w-full{width:100%!important}.h-full{height:100%!important}.opacity-0{opacity:0!important}.opacity-5{opacity:.05!important}.opacity-10{opacity:.1!important}.opacity-15{opacity:.15!important}.opacity-20{opacity:.2!important}.opacity-25{opacity:.25!important}.opacity-30{opacity:.3!important}.opacity-35{opacity:.35!important}.opacity-40{opacity:.4!important}.opacity-45{opacity:.45!important}.opacity-50{opacity:.5!important}.opacity-55{opacity:.55!important}.opacity-60{opacity:.6!important}.opacity-65{opacity:.65!important}.opacity-70{opacity:.7!important}.opacity-75{opacity:.75!important}.opacity-80{opacity:.8!important}.opacity-85{opacity:.85!important}.opacity-90{opacity:.9!important}.opacity-95{opacity:.95!important}.opacity-100{opacity:1!important}.hover-shadow-sm:hover{-webkit-box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.hover-shadow:hover{-webkit-box-shadow:rgba(var(--tblr-body-color-rgb),.04) 0 2px 4px 0!important;box-shadow:rgba(var(--tblr-body-color-rgb),.04) 0 2px 4px 0!important}.hover-shadow-lg:hover{-webkit-box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.hover-shadow-none:hover{-webkit-box-shadow:none!important;box-shadow:none!important}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}/*!
* Tabler v1.0.0 (https://tabler.io)
* @version 1.0.0
* @link https://tabler.io
* Copyright 2018-2025 The Tabler Authors
* Copyright 2018-2025 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;-webkit-transform-style:flat;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #d3d3d3;-webkit-box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub{background:#aaa}.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}.noUi-target{border:0;-webkit-box-shadow:none;box-shadow:none;background:0 0;border-radius:0;color:var(--tblr-primary)}.noUi-horizontal{height:1.25rem;padding:.5rem 0}.noUi-base{background:var(--tblr-border-color);border-radius:1rem}.noUi-handle{width:1rem;height:1rem;border:2px var(--tblr-border-style) #fff;-webkit-box-shadow:0 .1rem .25rem rgba(0,0,0,.1);box-shadow:0 .1rem .25rem rgba(0,0,0,.1);border-radius:1rem;background:currentColor;outline:0}.noUi-handle:after,.noUi-handle:before{content:none}.noUi-horizontal .noUi-handle{width:1rem;height:1rem;top:-.5rem;right:-.5rem;margin:1px 1px 0 0}.noUi-handle.noUi-active,.noUi-handle:focus{-webkit-box-shadow:0 0 0 1px #f6f8fb,0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25);box-shadow:0 0 0 1px #f6f8fb,0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)}.noUi-connect{background:currentColor}.litepicker{--litepicker-month-weekday-color:var(--tblr-secondary);--litepicker-button-prev-month-color:var(--tblr-secondary);--litepicker-button-next-month-color:var(--tblr-secondary);--litepicker-button-prev-month-color-hover:var(--tblr-primary);--litepicker-button-next-month-color-hover:var(--tblr-primary);--litepicker-day-color:var(--tblr-body-color);--litepicker-day-color-hover:var(--tblr-primary);--litepicker-is-start-color-bg:var(--tblr-primary);--litepicker-is-end-color-bg:var(--tblr-primary);--litepicker-is-in-range-color:var(--tblr-info);--litepicker-is-today-color:var(--tblr-primary);--litepicker-month-header-color:var(--tblr-body-color);--litepicker-container-months-color-bg:var(--tblr-bg-surface);font:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.litepicker .day-item.is-in-range{--litepicker-day-color:var(--tblr-light)}.litepicker svg{fill:none!important}.litepicker .container__main{border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);border-radius:var(--tblr-border-radius);-webkit-box-shadow:none;box-shadow:none}.litepicker .container__months .month-item-name,.litepicker .container__months .month-item-year{font-weight:var(--tblr-font-weight-medium)!important}.litepicker .container__months .button-next-month,.litepicker .container__months .button-previous-month{cursor:pointer!important}.litepicker .container__months .month-item-weekdays-row>div{padding:.5rem 0!important;font-size:.75rem}.litepicker .container__days .day-item{cursor:pointer!important;padding:.5rem 0!important;-webkit-transition:color .3s,background-color .3s,border-color .3s;transition:color .3s,background-color .3s,border-color .3s}@media (prefers-reduced-motion:reduce){.litepicker .container__days .day-item{-webkit-transition:none;transition:none}}.datepicker-inline .litepicker{-webkit-box-shadow:var(--tblr-box-shadow-input);box-shadow:var(--tblr-box-shadow-input)}.datepicker-inline .litepicker .container__months{-webkit-box-shadow:none;box-shadow:none;background-color:var(--tblr-bg-forms)}.ts-control{border:1px solid var(--tblr-border-color);padding:.4375rem .75rem;width:100%;overflow:hidden;position:relative;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;border-radius:var(--tblr-border-radius);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.ts-wrapper.multi.has-items .ts-control{padding:calc(.4375rem - 1px - 0) .75rem calc(.4375rem - 1px - 3px - 0)}.full .ts-control{background-color:var(--tblr-bg-forms)}.disabled .ts-control,.disabled .ts-control *{cursor:default!important}.focus .ts-control{-webkit-box-shadow:none;box-shadow:none}.ts-control>*{vertical-align:baseline;display:inline-block}.ts-wrapper.multi .ts-control>div{cursor:pointer;margin:0 3px 3px 0;padding:1px 5px;background:#efefef;color:#182433;border:0 solid #dce1e7}.ts-wrapper.multi .ts-control>div.active{background:#066fd1;color:#fff;border:0 solid transparent}.ts-wrapper.multi.disabled .ts-control>div,.ts-wrapper.multi.disabled .ts-control>div.active{color:#727272;background:#fff;border:0 solid #fff}.ts-control>input{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:7rem;display:inline-block!important;padding:0!important;min-height:0!important;max-height:none!important;max-width:100%!important;margin:0!important;text-indent:0!important;border:0 none!important;background:0 0!important;line-height:inherit!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important;-webkit-box-shadow:none!important;box-shadow:none!important}.ts-control>input::-ms-clear{display:none}.ts-control>input:focus{outline:0!important}.has-items .ts-control>input{margin:0 4px!important}.ts-control.rtl{text-align:right}.ts-control.rtl.single .ts-control:after{left:calc(.75rem + 5px);right:auto}.ts-control.rtl .ts-control>input{margin:0 4px 0 -2px!important}.disabled .ts-control{opacity:.5;background-color:var(--tblr-bg-surface-secondary)}.input-hidden .ts-control>input{opacity:0;position:absolute;left:-10000px}.ts-dropdown{position:absolute;top:100%;left:0;width:100%;z-index:10;border:1px solid #d0d0d0;background:#fff;margin:.25rem 0 0;border-top:0 none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);border-radius:0 0 var(--tblr-border-radius) var(--tblr-border-radius)}.ts-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.ts-dropdown [data-selectable] .highlight{background:rgba(255,237,40,.4);border-radius:1px}.ts-dropdown .create,.ts-dropdown .no-results,.ts-dropdown .optgroup-header,.ts-dropdown .option{padding:3px .75rem}.ts-dropdown .option,.ts-dropdown [data-disabled],.ts-dropdown [data-disabled] [data-selectable].option{cursor:inherit;opacity:.5}.ts-dropdown [data-selectable].option{opacity:1;cursor:pointer}.ts-dropdown .optgroup:first-child .optgroup-header{border-top:0 none}.ts-dropdown .optgroup-header{color:#49566c;background:var(--tblr-bg-surface);cursor:default}.ts-dropdown .active{background-color:rgba(var(--tblr-secondary-rgb),.08);color:inherit}.ts-dropdown .active.create{color:inherit}.ts-dropdown .create{color:rgba(24,36,51,.5)}.ts-dropdown .spinner{display:inline-block;width:30px;height:30px;margin:3px .75rem}.ts-dropdown .spinner::after{content:" ";display:block;width:24px;height:24px;margin:3px;border-radius:50%;border:5px solid #d0d0d0;border-color:#d0d0d0 transparent #d0d0d0 transparent;-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite}@-webkit-keyframes lds-dual-ring{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lds-dual-ring{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ts-dropdown-content{overflow:hidden auto;max-height:200px;scroll-behavior:smooth}.ts-wrapper.plugin-drag_drop .ts-dragging{color:transparent!important}.ts-wrapper.plugin-drag_drop .ts-dragging>*{visibility:hidden!important}.plugin-checkbox_options:not(.rtl) .option input{margin-right:.5rem}.plugin-checkbox_options.rtl .option input{margin-left:.5rem}.plugin-clear_button{--ts-pr-clear-button:1em}.plugin-clear_button .clear-button{opacity:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:calc(.75rem - 5px);margin-right:0!important;background:0 0!important;-webkit-transition:opacity .5s;transition:opacity .5s;cursor:pointer}.plugin-clear_button.form-select .clear-button,.plugin-clear_button.single .clear-button{right:max(var(--ts-pr-caret),.75rem)}.plugin-clear_button.focus.has-items .clear-button,.plugin-clear_button:not(.disabled):hover.has-items .clear-button{opacity:1}.ts-wrapper .dropdown-header{position:relative;padding:6px .75rem;border-bottom:1px solid #d0d0d0;background:color-mix(#fff,#d0d0d0,85%);border-radius:var(--tblr-border-radius) var(--tblr-border-radius) 0 0}.ts-wrapper .dropdown-header-close{position:absolute;right:.75rem;top:50%;color:#182433;opacity:.4;margin-top:-12px;line-height:20px;font-size:20px!important}.ts-wrapper .dropdown-header-close:hover{color:#000}.plugin-dropdown_input.focus.dropdown-active .ts-control{-webkit-box-shadow:none;box-shadow:none;border:1px solid var(--tblr-border-color);-webkit-box-shadow:var(--tblr-box-shadow-input);box-shadow:var(--tblr-box-shadow-input)}.plugin-dropdown_input .dropdown-input{border:1px solid #d0d0d0;border-width:0 0 1px;display:block;padding:.4375rem .75rem;-webkit-box-shadow:none;box-shadow:none;width:100%;background:0 0}.plugin-dropdown_input.focus .ts-dropdown .dropdown-input{border-color:#83b7e8;outline:0;-webkit-box-shadow:var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25);box-shadow:var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)}.plugin-dropdown_input .items-placeholder{border:0 none!important;-webkit-box-shadow:none!important;box-shadow:none!important;width:100%}.plugin-dropdown_input.dropdown-active .items-placeholder,.plugin-dropdown_input.has-items .items-placeholder{display:none!important}.ts-wrapper.plugin-input_autogrow.has-items .ts-control>input{min-width:0}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input{-webkit-box-flex:0;-ms-flex:none;flex:none;min-width:4px}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-webkit-input-placeholder{color:transparent}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input:-ms-input-placeholder{color:transparent}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-ms-input-placeholder{color:transparent}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-moz-placeholder{color:transparent}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::placeholder{color:transparent}.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content{display:-webkit-box;display:-ms-flexbox;display:flex}.ts-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0 none;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;min-width:0}.ts-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0 none}.ts-dropdown.plugin-optgroup_columns .optgroup::before{display:none}.ts-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0 none}.ts-wrapper.plugin-remove_button .item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ts-wrapper.plugin-remove_button .item .remove{color:inherit;text-decoration:none;vertical-align:middle;display:inline-block;padding:0 5px;border-radius:0 2px 2px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.ts-wrapper.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,.05)}.ts-wrapper.plugin-remove_button.disabled .item .remove:hover{background:0 0}.ts-wrapper.plugin-remove_button .remove-single{position:absolute;right:0;top:0;font-size:23px}.ts-wrapper.plugin-remove_button:not(.rtl) .item{padding-right:0!important}.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove{border-left:1px solid #dce1e7;margin-left:5px}.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove{border-left-color:transparent}.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove{border-left-color:#fff}.ts-wrapper.plugin-remove_button.rtl .item{padding-left:0!important}.ts-wrapper.plugin-remove_button.rtl .item .remove{border-right:1px solid #dce1e7;margin-right:5px}.ts-wrapper.plugin-remove_button.rtl .item.active .remove{border-right-color:transparent}.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove{border-right-color:#fff}:root{--ts-pr-clear-button:0;--ts-pr-caret:0;--ts-pr-min:.75rem}.ts-wrapper.single .ts-control,.ts-wrapper.single .ts-control input{cursor:pointer}.ts-control:not(.rtl){padding-right:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-control.rtl{padding-left:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-wrapper{position:relative}.ts-control,.ts-control input,.ts-dropdown{color:#182433;font-family:inherit;font-size:inherit;line-height:1.4285714286}.ts-control,.ts-wrapper.single.input-active .ts-control{background:var(--tblr-bg-forms);cursor:text}.ts-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.ts-dropdown,.ts-dropdown.form-control,.ts-dropdown.form-select{height:auto;padding:0;z-index:1000;background:#fff;border:1px solid var(--tblr-border-color-translucent);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.ts-dropdown .optgroup-header{font-size:.765625rem;line-height:1.4285714286}.ts-dropdown .optgroup:first-child::before{display:none}.ts-dropdown .optgroup::before{content:" ";display:block;height:0;margin:var(--tblr-spacer-2) 0;overflow:hidden;border-top:1px solid var(--tblr-border-color-translucent);margin-left:-.75rem;margin-right:-.75rem}.ts-dropdown .create{padding-left:.75rem}.ts-dropdown-content{padding:5px 0}.ts-control{-webkit-box-shadow:var(--tblr-box-shadow-input);box-shadow:var(--tblr-box-shadow-input);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (prefers-reduced-motion:reduce){.ts-control{-webkit-transition:none;transition:none}}.focus .ts-control{border-color:#83b7e8;outline:0;-webkit-box-shadow:var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25);box-shadow:var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)}.ts-control .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ts-wrapper.is-invalid,.was-validated .invalid,.was-validated :invalid+.ts-wrapper{border-color:var(--tblr-form-invalid-color)}.ts-wrapper.is-invalid:not(.single),.was-validated .invalid:not(.single),.was-validated :invalid+.ts-wrapper:not(.single){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");background-position:right calc(.3571428572em + .21875rem) center;background-size:calc(.7142857143em + .4375rem) calc(.7142857143em + .4375rem);background-repeat:no-repeat}.ts-wrapper.is-invalid.single,.was-validated .invalid.single,.was-validated :invalid+.ts-wrapper.single{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%238a97ab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.7142857143em + .4375rem) calc(.7142857143em + .4375rem);background-repeat:no-repeat}.ts-wrapper.is-invalid.focus .ts-control,.was-validated .invalid.focus .ts-control,.was-validated :invalid+.ts-wrapper.focus .ts-control{border-color:var(--tblr-form-invalid-color);-webkit-box-shadow:0 0 0 .25rem rgba(var(--tblr-form-invalid-color),.25);box-shadow:0 0 0 .25rem rgba(var(--tblr-form-invalid-color),.25)}.ts-wrapper.is-valid,.was-validated .valid,.was-validated :valid+.ts-wrapper{border-color:var(--tblr-form-valid-color)}.ts-wrapper.is-valid:not(.single),.was-validated .valid:not(.single),.was-validated :valid+.ts-wrapper:not(.single){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-position:right calc(.3571428572em + .21875rem) center;background-size:calc(.7142857143em + .4375rem) calc(.7142857143em + .4375rem);background-repeat:no-repeat}.ts-wrapper.is-valid.single,.was-validated .valid.single,.was-validated :valid+.ts-wrapper.single{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%238a97ab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.7142857143em + .4375rem) calc(.7142857143em + .4375rem);background-repeat:no-repeat}.ts-wrapper.is-valid.focus .ts-control,.was-validated .valid.focus .ts-control,.was-validated :valid+.ts-wrapper.focus .ts-control{border-color:var(--tblr-form-valid-color);-webkit-box-shadow:0 0 0 .25rem rgba(var(--tblr-form-valid-color),.25);box-shadow:0 0 0 .25rem rgba(var(--tblr-form-valid-color),.25)}.ts-wrapper{min-height:calc(1.4285714286em + .875rem + calc(var(--tblr-border-width) * 2));display:-webkit-box;display:-ms-flexbox;display:flex}.input-group-sm>.ts-wrapper,.ts-wrapper.form-control-sm,.ts-wrapper.form-select-sm{min-height:calc(1.4285714286em + .125rem + calc(var(--tblr-border-width) * 2))}.input-group-sm>.ts-wrapper .ts-control,.ts-wrapper.form-control-sm .ts-control,.ts-wrapper.form-select-sm .ts-control{border-radius:var(--tblr-border-radius-sm);font-size:.75rem}.input-group-sm>.ts-wrapper.has-items .ts-control,.ts-wrapper.form-control-sm.has-items .ts-control,.ts-wrapper.form-select-sm.has-items .ts-control{font-size:.75rem;padding-bottom:0}.input-group-sm>.ts-wrapper.multi.has-items .ts-control,.ts-wrapper.form-control-sm.multi.has-items .ts-control,.ts-wrapper.form-select-sm.multi.has-items .ts-control{padding-top:calc((calc(1.4285714286em + .125rem + calc(var(--tblr-border-width) * 2)) - 1.4285714286 * .75rem - 4px)/ 2)!important}.ts-wrapper.multi.has-items .ts-control{padding-left:calc(.75rem - 5px);--ts-pr-min:calc(0.75rem - 5px)}.ts-wrapper.multi .ts-control>div{border-radius:calc(var(--tblr-border-radius) - 1px)}.input-group-lg>.ts-wrapper,.ts-wrapper.form-control-lg,.ts-wrapper.form-select-lg{min-height:calc(1.4285714286em + 1.375rem + calc(var(--tblr-border-width) * 2))}.input-group-lg>.ts-wrapper .ts-control,.ts-wrapper.form-control-lg .ts-control,.ts-wrapper.form-select-lg .ts-control{border-radius:var(--tblr-border-radius-lg);font-size:1.25rem}.ts-wrapper:not(.form-control,.form-select){padding:0;border:none;height:auto;-webkit-box-shadow:none;box-shadow:none;background:0 0}.ts-wrapper:not(.form-control,.form-select).single .ts-control{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%238a97ab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px}.ts-wrapper.form-select,.ts-wrapper.single{--ts-pr-caret:2.25rem}.ts-wrapper.form-control,.ts-wrapper.form-select{padding:0!important;height:auto;-webkit-box-shadow:none;box-shadow:none;display:-webkit-box;display:-ms-flexbox;display:flex}.ts-wrapper.form-control .ts-control,.ts-wrapper.form-control.single.input-active .ts-control,.ts-wrapper.form-select .ts-control,.ts-wrapper.form-select.single.input-active .ts-control{border:none!important}.ts-wrapper.form-control:not(.disabled) .ts-control,.ts-wrapper.form-control:not(.disabled).single.input-active .ts-control,.ts-wrapper.form-select:not(.disabled) .ts-control,.ts-wrapper.form-select:not(.disabled).single.input-active .ts-control{background:0 0!important}.input-group>.ts-wrapper{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:1%}.input-group>.ts-wrapper:not(:nth-child(2))>.ts-control{border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.ts-wrapper:not(:last-child)>.ts-control{border-top-right-radius:0;border-bottom-right-radius:0}:root{--ts-pr-clear-button:0rem;--ts-pr-caret:0rem}.ts-input{color:inherit}.ts-control{color:inherit}.ts-control .dropdown-menu{width:100%;height:auto}.ts-wrapper .form-control,.ts-wrapper .form-select,.ts-wrapper.form-control,.ts-wrapper.form-select{-webkit-box-shadow:var(--tblr-box-shadow-input);box-shadow:var(--tblr-box-shadow-input)}.ts-wrapper.is-invalid .ts-control,.ts-wrapper.is-valid .ts-control{--ts-pr-clear-button:1.5rem}.ts-dropdown{background:var(--tblr-bg-surface);color:var(--tblr-body-color);-webkit-box-shadow:var(--tblr-box-shadow-dropdown);box-shadow:var(--tblr-box-shadow-dropdown);z-index:1000}.ts-dropdown .option{padding:.5rem .75rem}.ts-control,.ts-control input{color:var(--tblr-body-color)}.ts-control input::-webkit-input-placeholder{color:#8a97ab}.ts-control input:-ms-input-placeholder{color:#8a97ab}.ts-control input::-ms-input-placeholder{color:#8a97ab}.ts-control input::-moz-placeholder{color:#8a97ab}.ts-control input::placeholder{color:#8a97ab}.ts-wrapper.multi .ts-control>div,.ts-wrapper.multi.disabled .ts-control>div{background:var(--tblr-bg-surface-secondary);border:1px solid var(--tblr-border-color);color:var(--tblr-body-color)}.ts-wrapper.disabled .ts-control{opacity:1}.ts-wrapper.disabled .ts-control>div.item{color:var(--tblr-gray-500)}.apexcharts-tooltip{color:var(--tblr-light)!important;background:var(--tblr-bg-surface-dark)!important;font-size:.765625rem!important;padding:.25rem!important;-webkit-box-shadow:none!important;box-shadow:none!important}.apexcharts-tooltip-title{background:0 0!important;border:0!important;margin:0!important;font-weight:var(--tblr-font-weight-bold);padding:.25rem .5rem!important}.apexcharts-tooltip-y-group{padding:2px 0!important}.apexcharts-tooltip-series-group{padding:0 .5rem 0!important}.apexcharts-tooltip-marker{width:10px!important;height:10px!important}.apexcharts-text{fill:var(--tblr-body-color)!important}.apexcharts-gridline{stroke:var(--tblr-border-color)!important}.apexcharts-legend-text{color:inherit!important}.apexcharts-radialbar-track .apexcharts-radialbar-area{stroke:var(--tblr-border-color)!important}svg{-ms-touch-action:none;touch-action:none}.jvm-zoomin,.jvm-zoomout,image,text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jvm-container{-ms-touch-action:none;touch-action:none;position:relative;overflow:hidden;height:100%;width:100%}.jvm-tooltip{border-radius:3px;background-color:#5c5cff;font-family:sans-serif,Verdana;font-size:smaller;-webkit-box-shadow:1px 2px 12px rgba(0,0,0,.2);box-shadow:1px 2px 12px rgba(0,0,0,.2);padding:3px 5px;white-space:nowrap;position:absolute;display:none;color:#fff}.jvm-tooltip.active{display:block}.jvm-zoom-btn{border-radius:3px;background-color:#292929;padding:3px;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;line-height:10px;cursor:pointer;color:#fff;height:15px;width:15px;left:10px}.jvm-zoom-btn.jvm-zoomout{top:30px}.jvm-zoom-btn.jvm-zoomin{top:10px}.jvm-series-container{right:15px;position:absolute}.jvm-series-container.jvm-series-h{bottom:15px}.jvm-series-container.jvm-series-v{top:15px}.jvm-series-container .jvm-legend{background-color:#fff;border:1px solid #e5e7eb;margin-left:.75rem;border-radius:.25rem;border-color:#e5e7eb;padding:.6rem;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);float:left}.jvm-series-container .jvm-legend .jvm-legend-title{line-height:1;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem;margin-bottom:.575rem;text-align:left}.jvm-series-container .jvm-legend .jvm-legend-inner{overflow:hidden}.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick{overflow:hidden;min-width:40px}.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick:not(:first-child){margin-top:.575rem}.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample{border-radius:4px;margin-right:.65rem;height:16px;width:16px;float:left}.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-text{font-size:12px;text-align:center;float:left}.jvm-line[animation=true]{-webkit-animation:jvm-line-animation 10s linear forwards infinite;animation:jvm-line-animation 10s linear forwards infinite}@-webkit-keyframes jvm-line-animation{from{stroke-dashoffset:250}}@keyframes jvm-line-animation{from{stroke-dashoffset:250}}.jvm-tooltip{background:#182433;font-family:inherit;font-size:.75rem;-webkit-box-shadow:var(--tblr-shadow-card);box-shadow:var(--tblr-shadow-card)}.jvm-series-container .jvm-legend .jvm-legend-title{border-bottom:0;font-weight:var(--tblr-font-weight-medium)}.jvm-series-container .jvm-legend{background-color:var(--tblr-card-bg,var(--tblr-bg-surface));border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);min-width:8rem}.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample{width:.75rem;height:.75rem}.jvm-zoom-btn{border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);background:var(--tblr-card-bg,var(--tblr-bg-surface));color:var(--tblr-body-color);padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1;width:1.5rem;height:1.5rem;font-size:1rem;-webkit-box-shadow:var(--tblr-shadow-card);box-shadow:var(--tblr-shadow-card)}.jvm-zoom-btn.jvm-zoomout{top:2.5rem}.dropzone{border:var(--tblr-border-width) dashed var(--tblr-border-color)!important;color:var(--tblr-secondary)!important;padding:1rem!important}.dropzone.dz-drag-hover{border:var(--tblr-border-width) dashed var(--tblr-primary);background:rgba(var(--tblr-primary-rgb),.01);color:var(--tblr-primary)}.dropzone.dz-drag-hover .dz-message{opacity:1}.dropzone .dz-preview{margin:.5rem}.dropzone .dz-preview .dz-image{border-radius:var(--tblr-border-radius)}.dropzone .dz-preview .dz-success-mark{height:54px}.fslightbox-container{font-family:inherit!important;background:rgba(24,36,51,.24)!important;backdrop-filter:blur(4px)!important}.fslightbox-slide-number-container{color:inherit!important}.fslightbox-slash{background:currentColor!important}body{--plyr-color-main:var(--tblr-primary)}.tox-tinymce{border:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)!important;border-radius:4px!important;font-family:var(--tblr-font-sans-serif)!important}.tox-toolbar__group{padding:0 .5rem 0}.tox .tox-toolbar__primary{background:0 0!important}.tox:not(.tox-tinymce-inline) .tox-editor-header{border-bottom:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)!important;-webkit-box-shadow:none!important;box-shadow:none!important;padding:0!important}.tox-tbtn{margin:0!important}.tox-statusbar{border-top:var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color)!important}.tox .tox-toolbar-overlord,.tox:not(.tox-tinymce-inline) .tox-editor-header{background:0 0!important}:root{--gl-star-size:auto;--gl-star-color:var(--tblr-yellow);--gl-star-color-inactive:var(--tblr-border-color)}[data-star-rating] svg{width:var(--tblr-icon-size,--gl-star-size);height:var(--tblr-icon-size,--gl-star-size)}[data-star-rating] :not(.gl-active)>.gl-star-full{color:var(--gl-star-color-inactive)!important}[data-star-rating] .gl-active>.gl-star-full{color:var(--gl-star-color);fill:currentColor;stroke:currentColor}.clr-picker{-webkit-box-shadow:var(--tblr-box-shadow-dropdown);box-shadow:var(--tblr-box-shadow-dropdown);background-color:var(--tblr-bg-surface)}input.clr-color{border-radius:var(--tblr-border-radius);color:var(--tblr-body-color);border-color:var(--tblr-border-color);background:0 0}input.clr-color:focus{outline:0;-webkit-box-shadow:0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25);box-shadow:0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25);border-color:rgba(var(--tblr-primary-rgb),.25)}.clr-swatches button{border-radius:var(--tblr-border-radius);padding:0 2px 4px 2px}.clr-swatches button:focus{outline:0;-webkit-box-shadow:0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25);box-shadow:0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)}.clr-preview{border-radius:var(--tblr-border-radius);overflow:visible}.clr-preview button,.clr-preview:after,.clr-preview:before{border-radius:var(--tblr-border-radius)}.clr-preview button:focus{outline:0;-webkit-box-shadow:0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25);box-shadow:0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)}.clr-field{display:block}.clr-field button{width:1.5rem;height:1.5rem;left:6px;right:auto;border-radius:var(--tblr-border-radius)}.clr-field button:after{-webkit-box-shadow:inset 0 0 0 1px var(--tblr-border-color-translucent);box-shadow:inset 0 0 0 1px var(--tblr-border-color-translucent)}.clr-field button:focus{outline:0;-webkit-box-shadow:0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25);box-shadow:0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25)}.clr-field input{padding-left:2.5rem}.typed-cursor{font-weight:500;color:#6c7a91}

/* Variables de fuentes */
:root {
  --font-family-sans-serif: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-family-base: var(--font-family-sans-serif);
}

/* Estilos globales de tipografía */
body {
  font-family: var(--font-family-base);
  font-size: 0.875rem;
  line-height: 1.5;
  color: #333;
}


.text-primary {
  color: #5F249F !important;
}

.text-secondary {
  color: #FFCD00 !important;
}

.bg-primary {
  background-color: #5F249F !important;
}

.bg-secondary {
  background-color: #FFCD00 !important;
}

/* Botones con los colores de la marca */
.btn-primary {
  background-color: #5F249F;
  border-color: #5F249F;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #4a1c7c !important;
  border-color: #4a1c7c !important;
}

.btn-secondary {
  background-color: #FFCD00;
  border-color: #FFCD00;
  color: #5F249F;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background-color: #e6b800 !important;
  border-color: #e6b800 !important;
  color: #5F249F !important;
}

/* Enlaces */
a {
  color: #5F249F;
  text-decoration: none;
}

a:hover {
  color: #4a1c7c;
  text-decoration: underline;
} /* CSS mínimo demo para interfaz Tabler */
body{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.example-code {
  margin: 0;
  border: 0;
  border-radius: 4px;
}

.example-code pre {
  margin: 0;
}

.example-preview {
  margin-bottom: 2rem;
  padding: 1.5rem;
  border-radius: 4px;
  border: 1px solid var(--tblr-border-color);
}

.dark-mode-preview {
  padding: 1.5rem;
  border-radius: 4px;
  background: #1e293b;
  color: #fff;
}

.example-preview-animated {
  position: relative;
}

.card-sponsor {
  background: var(--tblr-primary-lt) no-repeat center/100% 100%;
  border-color: var(--tblr-primary);
  min-height: 316px;
}

.dropdown-sponsor.dropend {
  position: static;
} /* ==========================================================================
   TABLER CUSTOM CSS - ARCHIVO CSS UNIFICADO
   ========================================================================== */

/* -------------------------------------------------------------------------
   PALETA DE COLORES
   ------------------------------------------------------------------------- */

:root {
  /* Colores principales */
  --primary: #5F249F;         /* Púrpura principal */
  --primary-light: #8248C0;   /* Púrpura claro */
  --primary-lighter: #A57CD6; /* Púrpura más claro */
  --primary-dark: #4A1D7C;    /* Púrpura oscuro */
  --primary-darker: #361258;  /* Púrpura más oscuro */
  
  /* Colores secundarios */
  --secondary: #FFCD01;       /* Amarillo principal */
  --secondary-light: #FFD84D; /* Amarillo claro */
  --secondary-lighter: #FFE380; /* Amarillo más claro */
  --secondary-dark: #E6B800;  /* Amarillo oscuro */
  --secondary-darker: #CC9F00; /* Amarillo más oscuro */
  
  /* Colores pastel complementarios */
  --pastel-purple: #E0D6EB;   /* Púrpura pastel */
  --pastel-yellow: #FFF5CC;   /* Amarillo pastel */
  --pastel-blue: #D6E9F3;     /* Azul pastel */
  --pastel-green: #D6EBDE;    /* Verde pastel */
  --pastel-pink: #F3D6E6;     /* Rosa pastel */
  
  /* Colores neutros */
  --neutral-50: #F9FAFB;
  --neutral-100: #F3F4F6;
  --neutral-200: #E5E7EB;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  
  /* Colores funcionales */
  --info: #3498DB;
  --success: #2ECC71;
  --warning: #F39C12;
  --danger: #E74C3C;
  
  /* Colores de texto */
  --text-dark: #1F2937;
  --text-medium: #6B7280;
  --text-light: #9CA3AF;
  --text-white: #FFFFFF;
  
  /* Variables de Tabler que queremos sobrescribir */
  --tblr-primary: var(--primary); /* Púrpura principal del proyecto */
  --tblr-primary-rgb: 95, 36, 159;
  --tblr-secondary: var(--secondary);
  --tblr-info: var(--info);
  --tblr-success: var(--success);
  --tblr-warning: var(--warning);
  --tblr-danger: var(--danger);

  /* Sobrescribir amarillo de Tabler con el de NeoNet */
  --tblr-yellow: var(--secondary);
  --tblr-yellow-rgb: 255, 205, 1;
}

/* -------------------------------------------------------------------------
   DISEÑO PROFESIONAL - ESQUINAS CUADRADAS
   ------------------------------------------------------------------------- */

/* Eliminar border-radius de elementos principales para diseño profesional */
.navbar,
.dropdown-menu,
.card,
.btn,
.form-control,
.form-select,
.modal-content,
.alert,
.badge {
  border-radius: 0 !important;
}

/* Aplicar colores oficiales de NeoNet */
.bg-primary {
  background-color: var(--primary) !important;
}

.bg-secondary,
.bg-yellow {
  background-color: var(--secondary) !important;
}

.text-primary {
  color: var(--primary) !important;
}

.text-secondary {
  color: var(--secondary) !important;
}

.border-primary {
  border-color: var(--primary) !important;
}

.border-secondary {
  border-color: var(--secondary) !important;
}

/* Botones con colores NeoNet */
.btn-primary {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: white !important;
}

.btn-primary:hover {
  background-color: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
}

/* Asegurar que badges con bg-purple tengan texto blanco */
.badge.bg-purple {
  --tblr-badge-color: #ffffff !important;
  background-color: var(--primary) !important;
  color: #ffffff !important;
}

.bg-purple {
  background-color: var(--primary) !important;
}

/* Badge purple light - fondo claro con texto morado */
.badge.bg-purple-lt {
  --tblr-badge-color: var(--primary) !important;
  background-color: rgba(95, 36, 159, 0.1) !important;
  color: var(--primary) !important;
}

.bg-purple-lt {
  background-color: rgba(95, 36, 159, 0.1) !important;
}

.text-purple {
  color: var(--primary) !important;
}

/* Asegurar texto blanco en badges con fondo oscuro */
.badge.bg-primary,
.badge.bg-success,
.badge.bg-danger,
.badge.bg-info,
.badge.bg-dark {
  --tblr-badge-color: #ffffff !important;
  color: #ffffff !important;
}

.btn-secondary {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
  color: var(--primary-darker) !important;
}

.btn-secondary:hover {
  background-color: var(--secondary-dark) !important;
  border-color: var(--secondary-dark) !important;
}

/* -------------------------------------------------------------------------
   Z-INDEX HIERARCHY - Jerarquía de capas
   ------------------------------------------------------------------------- */

/* Navbar debe estar debajo de modales pero encima del contenido normal */
.navbar {
  z-index: 1000 !important;
}

/* Dropdowns del navbar */
.navbar .dropdown-menu {
  z-index: 1001 !important;
}

/* Modales de Element Plus: valores por defecto
 * NOTA: navbar-fixes.css los sobrescribe para proteger el navbar
 * Estos valores se usan cuando NO hay conflicto con el navbar */
.el-overlay {
  z-index: 1000;  /* Sin !important - navbar-fixes.css puede sobrescribir */
}

.el-dialog {
  z-index: 1045;  /* Sin !important - navbar-fixes.css puede sobrescribir */
}

/* Modales de Bootstrap también */
.modal-backdrop {
  z-index: 1999 !important;
}

.modal {
  z-index: 2000 !important;
}

/* Asegurar que modales fullscreen estén completamente encima */
.el-dialog.is-fullscreen,
.fullscreen-modal {
  z-index: 2010 !important;
}

/* -------------------------------------------------------------------------
   COMPONENTES PERSONALIZADOS
   ------------------------------------------------------------------------- */

/* Definición de componentes personalizados para tabler */
.dock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  padding: 1rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(0, 0, 0, 0.08);
  overflow-x: auto;
}

.dock-item {
  position: relative;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dock-icon {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--tblr-primary);
  color: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.dock-icon:hover {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.dock-title {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  text-align: center;
  white-space: nowrap;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Indicador de estado en el dock */
.dock-status {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #fff;
}

.dock-status-complete {
  background-color: var(--tblr-success);
}

.dock-status-pending {
  background-color: var(--tblr-warning);
}

.dock-status-error {
  background-color: var(--tblr-danger);
}

/* Tooltip personalizado */
.dock-tooltip {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: none;
  font-size: 0.75rem;
}

.dock-item:hover .dock-tooltip {
  opacity: 1;
}

/* -------------------------------------------------------------------------
   TOAST NOTIFICATIONS - ESTILOS PERSONALIZADOS
   ------------------------------------------------------------------------- */

/* Toast containers - Add glass effect and glow */
.Toastify__toast-container {
  z-index: 2147483647 !important; /* Máximo z-index posible para asegurar que aparezca sobre cualquier modal */
}

.Toastify__toast {
  backdrop-filter: blur(12px) !important;
  background: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  -webkit-box-shadow: 
    0 8px 32px rgba(31, 38, 135, 0.15),
    0 0 40px rgba(95, 36, 159, 0.1),
    inset 0 0 20px rgba(255, 255, 255, 0.1) !important;
          box-shadow: 
    0 8px 32px rgba(31, 38, 135, 0.15),
    0 0 40px rgba(95, 36, 159, 0.1),
    inset 0 0 20px rgba(255, 255, 255, 0.1) !important;
  color: var(--text-dark) !important;
  font-weight: 500;
  border-radius: 12px !important;
  z-index: 2147483647 !important; /* Máximo z-index posible para el toast individual */
}

/* Success toasts - Purple theme */
.Toastify__toast--success {
  background: linear-gradient(135deg, 
    rgba(95, 36, 159, 0.85), 
    rgba(130, 72, 192, 0.85)) !important;
  border: 1px solid rgba(165, 124, 214, 0.4) !important;
  -webkit-box-shadow: 
    0 8px 32px rgba(95, 36, 159, 0.25),
    0 0 60px rgba(95, 36, 159, 0.3),
    inset 0 0 30px rgba(255, 255, 255, 0.15) !important;
          box-shadow: 
    0 8px 32px rgba(95, 36, 159, 0.25),
    0 0 60px rgba(95, 36, 159, 0.3),
    inset 0 0 30px rgba(255, 255, 255, 0.15) !important;
  color: white !important;
}

/* Info toasts - Purple theme */
.Toastify__toast--info {
  background: linear-gradient(135deg, 
    rgba(130, 72, 192, 0.85), 
    rgba(165, 124, 214, 0.85)) !important;
  border: 1px solid rgba(165, 124, 214, 0.4) !important;
  -webkit-box-shadow: 
    0 8px 32px rgba(130, 72, 192, 0.25),
    0 0 60px rgba(130, 72, 192, 0.3),
    inset 0 0 30px rgba(255, 255, 255, 0.15) !important;
          box-shadow: 
    0 8px 32px rgba(130, 72, 192, 0.25),
    0 0 60px rgba(130, 72, 192, 0.3),
    inset 0 0 30px rgba(255, 255, 255, 0.15) !important;
  color: white !important;
}

/* Warning toasts - Yellow theme */
.Toastify__toast--warning {
  background: linear-gradient(135deg, 
    rgba(255, 205, 1, 0.85), 
    rgba(255, 216, 77, 0.85)) !important;
  border: 1px solid rgba(255, 227, 128, 0.4) !important;
  -webkit-box-shadow: 
    0 8px 32px rgba(255, 205, 1, 0.25),
    0 0 60px rgba(255, 205, 1, 0.3),
    inset 0 0 30px rgba(255, 255, 255, 0.25) !important;
          box-shadow: 
    0 8px 32px rgba(255, 205, 1, 0.25),
    0 0 60px rgba(255, 205, 1, 0.3),
    inset 0 0 30px rgba(255, 255, 255, 0.25) !important;
  color: var(--text-dark) !important;
}

/* Error toasts - Purple darker theme */
.Toastify__toast--error {
  background: linear-gradient(135deg, 
    rgba(74, 29, 124, 0.85), 
    rgba(95, 36, 159, 0.85)) !important;
  border: 1px solid rgba(130, 72, 192, 0.4) !important;
  -webkit-box-shadow: 
    0 8px 32px rgba(74, 29, 124, 0.25),
    0 0 60px rgba(74, 29, 124, 0.3),
    inset 0 0 30px rgba(255, 255, 255, 0.1) !important;
          box-shadow: 
    0 8px 32px rgba(74, 29, 124, 0.25),
    0 0 60px rgba(74, 29, 124, 0.3),
    inset 0 0 30px rgba(255, 255, 255, 0.1) !important;
  color: white !important;
}

/* Toast close button */
.Toastify__close-button {
  color: currentColor !important;
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.Toastify__close-button:hover {
  opacity: 1;
}

/* Toast progress bar */
.Toastify__progress-bar {
  background: rgba(255, 255, 255, 0.5) !important;
}

.Toastify__toast--success .Toastify__progress-bar {
  background: rgba(255, 255, 255, 0.7) !important;
}

.Toastify__toast--warning .Toastify__progress-bar {
  background: rgba(95, 36, 159, 0.5) !important;
}

/* Toast icons */
.Toastify__toast-icon {
  -webkit-filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.5));
          filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.5));
}

/* Toast animation enhancement */
@-webkit-keyframes toastSlideIn {
  from {
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes toastSlideIn {
  from {
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.Toastify__toast--top-right {
  -webkit-animation: toastSlideIn 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
          animation: toastSlideIn 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
} /**
 * NAVBAR Z-INDEX PROTECTION
 *
 * Este archivo contiene ÚNICAMENTE los z-index necesarios para que el navbar
 * de Tabler.io funcione correctamente con modales de Element Plus.
 *
 * NO sobrescribe display, visibility, transitions u otros estilos.
 * Dejamos que Tabler.io maneje todos los estilos nativamente.
 */

/* ========== Z-INDEX HIERARCHY ========== */
/*
 * Jerarquía correcta (de mayor a menor):
 * 1. Modales Element Plus (v-if) - MÁXIMO para estar sobre todo
 * 2. Dropdowns navbar superior (notificaciones, perfil)
 * 3. Navbar superior (header con logo, theme, etc)
 * 4. Dropdowns menú horizontal
 * 5. Navbar horizontal (menú)
 */

/* Element Plus modales - SOBRE TODO */
.el-overlay,
.el-overlay-dialog {
  z-index: 2000 !important;
}

.el-dialog,
.el-dialog__wrapper {
  z-index: 2001 !important;
}

/* Element Plus tooltips y popovers */
.el-popper,
.el-tooltip__popper {
  z-index: 2002 !important;
}

/* NAVBAR SUPERIOR (con notificaciones y perfil) */
header.navbar.navbar-expand-md {
  z-index: 1055 !important;
  position: relative !important;
}

/* Dropdowns del navbar SUPERIOR (notificaciones, perfil) */
header.navbar.navbar-expand-md .dropdown-menu {
  z-index: 1060 !important;
}

/* NAVBAR HORIZONTAL (menú inferior) */
header.navbar-expand-md:not(.navbar) {
  z-index: 1050 !important;
  position: relative !important;
}

/* Dropdowns del navbar horizontal (menú) */
header.navbar-expand-md:not(.navbar) .dropdown-menu {
  z-index: 1052 !important;
}

/* ========== CUSTOM OVERLAYS ========== */
/* DocumentViewer y otros overlays custom deben estar
   debajo de modales Element Plus pero sobre navbar */
.document-viewer-overlay {
  z-index: 1900 !important;
}

/* ========== BODY SCROLL FIX ========== */
/* Permitir scroll incluso cuando Element Plus muestra modales */
body.el-popup-parent--hidden {
  overflow: auto !important;
}
/* =====================================================
   NEO COMPONENTS - Sistema de Diseño Flat Moderno NeoNet
   =====================================================
   Paleta: Púrpura primario, Amarillo secundario, Grises neutros
   Sin degradados - Estilo completamente flat
   ===================================================== */

:root {
  /* Colores Primarios NeoNet */
  --neo-primary: #5F249F;
  --neo-primary-light: #7B3DB8;
  --neo-primary-dark: #4A1D7C;
  --neo-primary-hover: rgba(95, 36, 159, 0.08);
  --neo-primary-subtle: rgba(95, 36, 159, 0.04);

  /* Colores Secundarios - Amarillo para acciones secundarias */
  --neo-secondary: #FFCD01;
  --neo-secondary-light: #FFD84D;
  --neo-secondary-dark: #E6B800;
  --neo-secondary-hover: rgba(255, 205, 1, 0.15);
  --neo-secondary-subtle: rgba(255, 205, 1, 0.08);

  /* Escala de Grises Neutros */
  --neo-gray-50: #F9FAFB;
  --neo-gray-100: #F3F4F6;
  --neo-gray-200: #E5E7EB;
  --neo-gray-300: #D1D5DB;
  --neo-gray-400: #9CA3AF;
  --neo-gray-500: #6B7280;
  --neo-gray-600: #4B5563;
  --neo-gray-700: #374151;
  --neo-gray-800: #1F2937;
  --neo-gray-900: #111827;

  /* Colores de Estado - Paleta NeoNet Pastel */
  --neo-success: #7B3DB8;
  --neo-success-light: #EDE5F5;
  --neo-success-dark: #4A1D7C;
  --neo-warning: #E6B800;
  --neo-warning-light: #FFF8E1;
  --neo-warning-dark: #8B6914;
  --neo-danger: #9C4DCC;
  --neo-danger-light: #F3E8FF;
  --neo-danger-dark: #6B21A8;
  --neo-info: #FFD84D;
  --neo-info-light: #FFFBEB;
  --neo-info-dark: #92400E;

  /* Espaciado */
  --neo-space-xs: 0.25rem;
  --neo-space-sm: 0.5rem;
  --neo-space-md: 0.75rem;
  --neo-space-lg: 1rem;
  --neo-space-xl: 1.5rem;

  /* Bordes */
  --neo-radius-sm: 4px;
  --neo-radius-md: 6px;
  --neo-radius-lg: 8px;

  /* Transiciones */
  --neo-transition: all 0.15s ease;
}

/* =====================================================
   TABLAS - NEO TABLE
   ===================================================== */

.neo-table-wrapper {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid var(--neo-gray-200);
  border-radius: var(--neo-radius-md);
  overflow: hidden;
}

.neo-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
  line-height: 1.5;
}

/* Header de Tabla */
.neo-table thead,
.neo-table-head {
  background-color: var(--neo-gray-50);
}

.neo-table thead tr {
  border-bottom: 2px solid var(--neo-primary);
}

.neo-table th,
.neo-table-head th {
  padding: var(--neo-space-md) var(--neo-space-lg);
  font-weight: 600;
  font-size: 0.75rem;
  color: var(--neo-gray-600);
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: nowrap;
  background: transparent;
}

.neo-table th:first-child {
  padding-left: var(--neo-space-xl);
}

.neo-table th:last-child {
  padding-right: var(--neo-space-xl);
}

/* Cuerpo de Tabla */
.neo-table tbody tr {
  border-bottom: 1px solid var(--neo-gray-100);
  -webkit-transition: var(--neo-transition);
  transition: var(--neo-transition);
}

.neo-table tbody tr:last-child {
  border-bottom: none;
}

.neo-table td {
  padding: var(--neo-space-md) var(--neo-space-lg);
  color: var(--neo-gray-700);
  vertical-align: middle;
}

.neo-table td:first-child {
  padding-left: var(--neo-space-xl);
}

.neo-table td:last-child {
  padding-right: var(--neo-space-xl);
}

/* Hover de filas */
.neo-table--hover tbody tr:hover,
.neo-table tbody tr:hover {
  background-color: var(--neo-primary-subtle);
}

/* Filas alternadas (striped) */
.neo-table--striped tbody tr:nth-child(even) {
  background-color: var(--neo-gray-50);
}

.neo-table--striped tbody tr:nth-child(even):hover {
  background-color: var(--neo-primary-subtle);
}

/* Tabla compacta */
.neo-table--compact th,
.neo-table--compact td {
  padding: var(--neo-space-sm) var(--neo-space-md);
}

.neo-table--compact th:first-child,
.neo-table--compact td:first-child {
  padding-left: var(--neo-space-lg);
}

.neo-table--compact th:last-child,
.neo-table--compact td:last-child {
  padding-right: var(--neo-space-lg);
}

/* Estado vacío */
.neo-table-empty {
  text-align: center;
  padding: var(--neo-space-xl) !important;
  color: var(--neo-gray-500);
}

.neo-table-empty-icon {
  font-size: 2.5rem;
  color: var(--neo-gray-300);
  margin-bottom: var(--neo-space-md);
}

.neo-table-empty-text {
  font-size: 0.875rem;
  color: var(--neo-gray-500);
}

/* Estado loading */
.neo-table-loading {
  text-align: center;
  padding: var(--neo-space-xl) !important;
}

/* =====================================================
   PAGINACIÓN - NEO PAGINATION
   ===================================================== */

.neo-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: var(--neo-space-md) var(--neo-space-xl);
  background: var(--neo-gray-50);
  border-top: 1px solid var(--neo-gray-200);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--neo-space-md);
}

.neo-pagination-info {
  color: var(--neo-gray-500);
  font-size: 0.8125rem;
}

.neo-pagination-info strong {
  color: var(--neo-gray-700);
  font-weight: 600;
}

.neo-pagination-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--neo-space-xs);
}

.neo-page-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 2rem;
  height: 2rem;
  padding: 0 var(--neo-space-sm);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--neo-gray-600);
  background: #FFFFFF;
  border: 1px solid var(--neo-gray-200);
  border-radius: var(--neo-radius-sm);
  cursor: pointer;
  -webkit-transition: var(--neo-transition);
  transition: var(--neo-transition);
}

.neo-page-btn:hover:not(:disabled):not(.active) {
  color: var(--neo-primary);
  background: var(--neo-secondary-hover);
  border-color: var(--neo-primary);
}

.neo-page-btn.active {
  color: #FFFFFF;
  background: var(--neo-primary);
  border-color: var(--neo-primary);
}

.neo-page-btn:disabled {
  color: var(--neo-gray-400);
  background: var(--neo-gray-100);
  border-color: var(--neo-gray-200);
  cursor: not-allowed;
  opacity: 0.6;
}

.neo-page-btn--nav {
  padding: 0;
  width: 2rem;
}

.neo-page-ellipsis {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 2rem;
  height: 2rem;
  color: var(--neo-gray-400);
  font-size: 0.875rem;
}

/* Per page selector */
.neo-pagination-per-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--neo-space-sm);
}

.neo-pagination-per-page label {
  color: var(--neo-gray-500);
  font-size: 0.8125rem;
}

.neo-pagination-per-page select {
  padding: var(--neo-space-xs) var(--neo-space-sm);
  font-size: 0.8125rem;
  color: var(--neo-gray-700);
  background: #FFFFFF;
  border: 1px solid var(--neo-gray-200);
  border-radius: var(--neo-radius-sm);
  cursor: pointer;
}

.neo-pagination-per-page select:focus {
  outline: none;
  border-color: var(--neo-primary);
}

/* =====================================================
   BADGES - NEO BADGE
   ===================================================== */
/* Following CLAUDE_DESIGN_CONSTRAINTS.md badge patterns */

.neo-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--neo-space-xs);
  padding: 0.4rem 0.9rem;
  font-size: 0.85rem;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 6px;
  white-space: nowrap;
}

/* Status Badges - Following Neonet Design System */
.neo-badge--pending {
  background: var(--neonet-purple-100);
  color: var(--neonet-purple-700);
}

.neo-badge--in-progress,
.neo-badge--progress {
  background: var(--neonet-purple-500);
  color: white;
}

.neo-badge--completed,
.neo-badge--success {
  background: var(--neonet-success-500);
  color: white;
}

/* Priority Badges */
.neo-badge--urgent {
  background: var(--neonet-error-500);
  color: white;
}

.neo-badge--high,
.neo-badge--danger {
  background: var(--neonet-warning-500);
  color: white;
}

.neo-badge--normal,
.neo-badge--neutral {
  background: var(--neonet-gray-400);
  color: white;
}

/* Category Badges */
.neo-badge--primary {
  background: var(--neonet-purple-500);
  color: white;
}

.neo-badge--secondary {
  background: var(--neonet-yellow-500);
  color: var(--neonet-gray-900);
}

.neo-badge--info {
  background: var(--neonet-cyan-500);
  color: white;
}

.neo-badge--warning {
  background: var(--neonet-yellow-100);
  color: var(--neonet-yellow-800);
}

/* Solid variants (explicit) */
.neo-badge--success-solid {
  background: var(--neonet-success-500);
  color: white;
}

.neo-badge--danger-solid {
  background: var(--neonet-error-500);
  color: white;
}

.neo-badge--warning-solid {
  background: var(--neonet-warning-500);
  color: white;
}

.neo-badge--info-solid {
  background: var(--neonet-info-500);
  color: white;
}

.neo-badge--primary-solid {
  background: var(--neonet-purple-500);
  color: white;
}

.neo-badge--secondary-solid {
  background: var(--neonet-yellow-500);
  color: var(--neonet-gray-900);
}

/* Tamaños */
.neo-badge--sm {
  padding: 0.15em 0.5em;
  font-size: 0.6875rem;
}

.neo-badge--lg {
  padding: 0.35em 0.75em;
  font-size: 0.8125rem;
}

/* Outline */
.neo-badge--outline {
  background-color: transparent;
  border: 1px solid currentColor;
}

/* Con icono */
.neo-badge-icon {
  font-size: 0.875em;
}

/* =====================================================
   BOTONES DE ACCIÓN - NEO ACTION BUTTON
   ===================================================== */

.neo-action-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  font-size: 1rem;
  color: var(--neo-gray-500);
  background: transparent;
  border: none;
  border-radius: var(--neo-radius-sm);
  cursor: pointer;
  -webkit-transition: var(--neo-transition);
  transition: var(--neo-transition);
}

.neo-action-btn:hover {
  color: var(--neo-primary);
  background: var(--neo-secondary-hover);
}

.neo-action-btn:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 2px var(--neo-primary-hover);
          box-shadow: 0 0 0 2px var(--neo-primary-hover);
}

/* Variantes */
.neo-action-btn--primary {
  color: var(--neo-primary);
}

.neo-action-btn--primary:hover {
  color: var(--neo-primary-dark);
  background: var(--neo-secondary-hover);
}

.neo-action-btn--secondary {
  color: var(--neo-gray-500);
}

.neo-action-btn--secondary:hover {
  color: var(--neo-gray-800);
  background: var(--neo-secondary-hover);
}

.neo-action-btn--danger {
  color: var(--neo-gray-500);
}

.neo-action-btn--danger:hover {
  color: var(--neo-danger);
  background: rgba(239, 68, 68, 0.08);
}

.neo-action-btn--success {
  color: var(--neo-gray-500);
}

.neo-action-btn--success:hover {
  color: var(--neo-success);
  background: rgba(16, 185, 129, 0.08);
}

.neo-action-btn--warning {
  color: var(--neo-gray-500);
}

.neo-action-btn--warning:hover {
  color: var(--neo-warning);
  background: rgba(245, 158, 11, 0.08);
}

.neo-action-btn--info {
  color: var(--neo-gray-500);
}

.neo-action-btn--info:hover {
  color: var(--neo-info);
  background: rgba(59, 130, 246, 0.08);
}

/* Tamaños */
.neo-action-btn--sm {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 0.875rem;
}

.neo-action-btn--lg {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.25rem;
}

/* Con texto */
.neo-action-btn--with-text {
  width: auto;
  padding: var(--neo-space-sm) var(--neo-space-md);
  gap: var(--neo-space-xs);
}

/* Grupo de acciones */
.neo-action-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--neo-space-xs);
}

/* =====================================================
   BOTONES ESTÁNDAR - NEO BUTTON
   ===================================================== */

.neo-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--neo-space-sm);
  padding: var(--neo-space-sm) var(--neo-space-lg);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  color: #FFFFFF;
  background: var(--neo-primary);
  border: 1px solid var(--neo-primary);
  border-radius: var(--neo-radius-sm);
  cursor: pointer;
  -webkit-transition: var(--neo-transition);
  transition: var(--neo-transition);
  text-decoration: none;
}

.neo-btn:hover {
  background: var(--neo-secondary);
  border-color: var(--neo-secondary);
  color: var(--neo-gray-900);
}

.neo-btn:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 3px var(--neo-primary-hover);
          box-shadow: 0 0 0 3px var(--neo-primary-hover);
}

.neo-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Variantes */
.neo-btn--secondary {
  color: var(--neo-gray-700);
  background: #FFFFFF;
  border-color: var(--neo-gray-300);
}

.neo-btn--secondary:hover {
  background: var(--neo-secondary-hover);
  border-color: var(--neo-primary);
  color: var(--neo-primary);
}

.neo-btn--outline {
  color: var(--neo-primary);
  background: transparent;
  border-color: var(--neo-primary);
}

.neo-btn--outline:hover {
  background: var(--neo-secondary-hover);
  color: var(--neo-primary-dark);
}

.neo-btn--ghost {
  color: var(--neo-primary);
  background: transparent;
  border-color: transparent;
}

.neo-btn--ghost:hover {
  background: var(--neo-secondary-hover);
}

.neo-btn--danger {
  background: var(--neo-danger);
  border-color: var(--neo-danger);
}

.neo-btn--danger:hover {
  background: #DC2626;
  border-color: #DC2626;
  color: #FFFFFF;
}

.neo-btn--success {
  background: var(--neo-success);
  border-color: var(--neo-success);
}

.neo-btn--success:hover {
  background: #059669;
  border-color: #059669;
  color: #FFFFFF;
}

/* Tamaños */
.neo-btn--sm {
  padding: var(--neo-space-xs) var(--neo-space-md);
  font-size: 0.8125rem;
}

.neo-btn--lg {
  padding: var(--neo-space-md) var(--neo-space-xl);
  font-size: 1rem;
}

/* =====================================================
   DROPDOWN - NEO DROPDOWN
   ===================================================== */

.neo-dropdown {
  position: relative;
  display: inline-block;
}

.neo-dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  min-width: 10rem;
  padding: var(--neo-space-xs) 0;
  margin-top: var(--neo-space-xs);
  background: #FFFFFF;
  border: 1px solid var(--neo-gray-200);
  border-radius: var(--neo-radius-md);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
  -webkit-transition: var(--neo-transition);
  transition: var(--neo-transition);
}

.neo-dropdown.open .neo-dropdown-menu,
.neo-dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.neo-dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--neo-space-sm);
  width: 100%;
  padding: var(--neo-space-sm) var(--neo-space-md);
  font-size: 0.875rem;
  color: var(--neo-gray-700);
  background: transparent;
  border: none;
  cursor: pointer;
  -webkit-transition: var(--neo-transition);
  transition: var(--neo-transition);
  text-align: left;
  text-decoration: none;
}

.neo-dropdown-item:hover {
  background: var(--neo-primary-subtle);
  color: var(--neo-primary);
}

.neo-dropdown-item--danger {
  color: var(--neo-danger);
}

.neo-dropdown-item--danger:hover {
  background: rgba(239, 68, 68, 0.08);
  color: var(--neo-danger-dark);
}

.neo-dropdown-item--success {
  color: var(--neo-success);
}

.neo-dropdown-item--success:hover {
  background: rgba(16, 185, 129, 0.08);
  color: var(--neo-success-dark);
}

.neo-dropdown-divider {
  height: 1px;
  margin: var(--neo-space-xs) 0;
  background: var(--neo-gray-200);
}

.neo-dropdown-header {
  padding: var(--neo-space-sm) var(--neo-space-md);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--neo-gray-500);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* =====================================================
   CARDS - NEO CARD (para tablas)
   ===================================================== */

.neo-card {
  background: #FFFFFF;
  border: 1px solid var(--neo-gray-200);
  border-radius: var(--neo-radius-md);
  overflow: hidden;
}

.neo-card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: var(--neo-space-md) var(--neo-space-xl);
  background: var(--neo-gray-50);
  border-bottom: 1px solid var(--neo-gray-200);
}

.neo-card-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--neo-gray-800);
  margin: 0;
}

.neo-card-body {
  padding: 0;
}

.neo-card-body--padded {
  padding: var(--neo-space-lg);
}

.neo-card-footer {
  padding: var(--neo-space-md) var(--neo-space-xl);
  background: var(--neo-gray-50);
  border-top: 1px solid var(--neo-gray-200);
}

/* =====================================================
   TABLE HEADER - NEO TABLE HEADER (búsqueda + botones)
   ===================================================== */

.neo-table-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 1.5rem;
  background: var(--neo-gray-50);
  border-bottom: 1px solid var(--neo-gray-200);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.neo-table-header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}

.neo-table-header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
}

.neo-table-header-per-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
}

.neo-table-header-per-page select {
  width: auto;
  min-width: 70px;
}

/* Search input en header */
.neo-search {
  position: relative;
}

.neo-search-input {
  padding-left: 2.25rem !important;
  min-width: 200px;
}

.neo-search-icon {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--neo-gray-400);
  pointer-events: none;
  font-size: 0.875rem;
}

/* Botones del header - Estilo flat/pastel */
.neo-header-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--neo-primary);
  background: rgba(95, 36, 159, 0.08);
  border: 1px solid rgba(95, 36, 159, 0.15);
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}

.neo-header-btn:hover:not(:disabled) {
  background: rgba(95, 36, 159, 0.12);
  border-color: rgba(95, 36, 159, 0.25);
}

.neo-header-btn:active:not(:disabled) {
  background: rgba(95, 36, 159, 0.18);
}

.neo-header-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.neo-header-btn i {
  font-size: 1rem;
}

/* Variante outline */
.neo-header-btn--outline {
  background: transparent;
  border-color: var(--neo-gray-300);
  color: var(--neo-gray-600);
}

.neo-header-btn--outline:hover:not(:disabled) {
  background: var(--neo-gray-100);
  border-color: var(--neo-gray-400);
  color: var(--neo-gray-700);
}

/* Variante primary (solid) */
.neo-header-btn--primary {
  background: var(--neo-primary);
  border-color: var(--neo-primary);
  color: #fff;
}

.neo-header-btn--primary:hover:not(:disabled) {
  background: var(--neo-primary-dark);
  border-color: var(--neo-primary-dark);
}

@media (max-width: 768px) {
  .neo-table-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
  }

  .neo-table-header-left,
  .neo-table-header-right {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .neo-search-input {
    min-width: 120px;
  }

  .neo-header-btn {
    padding: 0.5rem;
  }

  .neo-header-btn span {
    display: none;
  }
}

/* =====================================================
   FORMULARIOS - NEO FORM ELEMENTS
   ===================================================== */

.neo-input {
  width: 100%;
  padding: var(--neo-space-sm) var(--neo-space-md);
  font-size: 0.875rem;
  color: var(--neo-gray-700);
  background: #FFFFFF;
  border: 1px solid var(--neo-gray-300);
  border-radius: var(--neo-radius-sm);
  -webkit-transition: var(--neo-transition);
  transition: var(--neo-transition);
}

.neo-input:focus {
  outline: none;
  border-color: var(--neo-primary);
  -webkit-box-shadow: 0 0 0 3px var(--neo-primary-hover);
          box-shadow: 0 0 0 3px var(--neo-primary-hover);
}

.neo-input::-webkit-input-placeholder {
  color: var(--neo-gray-400);
}

.neo-input::-moz-placeholder {
  color: var(--neo-gray-400);
}

.neo-input:-ms-input-placeholder {
  color: var(--neo-gray-400);
}

.neo-input::-ms-input-placeholder {
  color: var(--neo-gray-400);
}

.neo-input::placeholder {
  color: var(--neo-gray-400);
}

.neo-input--sm {
  padding: var(--neo-space-xs) var(--neo-space-sm);
  font-size: 0.8125rem;
}

/* Search input */
.neo-search {
  position: relative;
}

.neo-search-input {
  padding-left: 2.5rem;
}

.neo-search-icon {
  position: absolute;
  left: var(--neo-space-md);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--neo-gray-400);
  pointer-events: none;
}

/* =====================================================
   ESTADOS Y UTILIDADES
   ===================================================== */

/* Estado seleccionado */
.neo-selected {
  background: var(--neo-secondary-subtle) !important;
  border-left: 3px solid var(--neo-primary);
}

/* Skeleton loader */
.neo-skeleton {
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, var(--neo-gray-100)), color-stop(50%, var(--neo-gray-200)), color-stop(75%, var(--neo-gray-100)));
  background: linear-gradient(90deg, var(--neo-gray-100) 25%, var(--neo-gray-200) 50%, var(--neo-gray-100) 75%);
  background-size: 200% 100%;
  -webkit-animation: neo-skeleton-loading 1.5s infinite;
          animation: neo-skeleton-loading 1.5s infinite;
  border-radius: var(--neo-radius-sm);
}

@-webkit-keyframes neo-skeleton-loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

@keyframes neo-skeleton-loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

.neo-skeleton-text {
  height: 1rem;
  margin-bottom: var(--neo-space-sm);
}

.neo-skeleton-text:last-child {
  width: 60%;
  margin-bottom: 0;
}

/* Texto truncado */
.neo-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Alineación de texto */
.neo-text-center {
  text-align: center;
}

.neo-text-right {
  text-align: right;
}

/* Colores de texto */
.neo-text-primary {
  color: var(--neo-primary);
}

.neo-text-secondary {
  color: var(--neo-secondary-dark);
}

.neo-text-muted {
  color: var(--neo-gray-500);
}

.neo-text-success {
  color: var(--neo-success);
}

.neo-text-danger {
  color: var(--neo-danger);
}

.neo-text-warning {
  color: var(--neo-warning);
}

.neo-text-info {
  color: var(--neo-info);
}

/* =====================================================
   RESPONSIVE
   ===================================================== */

@media (max-width: 768px) {
  .neo-table-wrapper {
    border-radius: 0;
    border-left: none;
    border-right: none;
  }

  .neo-table th,
  .neo-table td {
    padding: var(--neo-space-sm) var(--neo-space-md);
  }

  .neo-table th:first-child,
  .neo-table td:first-child {
    padding-left: var(--neo-space-md);
  }

  .neo-table th:last-child,
  .neo-table td:last-child {
    padding-right: var(--neo-space-md);
  }

  .neo-pagination {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--neo-space-md);
    padding: var(--neo-space-md);
  }

  .neo-pagination-nav {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .neo-action-group {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* =====================================================
   PAGE HEADER - NEO BREADCRUMB (2 líneas máximo)
   ===================================================== */

.page-header {
  padding: 0.5rem 0 0.75rem 0 !important;
  margin: 0 !important;
}

.page-wrapper {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.page-body {
  padding-top: 0 !important;
}

.page-header .page-pretitle {
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--neo-primary);
  font-weight: 600;
  margin-bottom: 0.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}

.page-header .page-pretitle::before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 12px;
  background: var(--neo-primary);
  border-radius: 2px;
  margin-right: 0.25rem;
}

.page-header .page-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--neo-gray-800);
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  line-height: 1.3;
}

.page-header .page-title i {
  font-size: 1rem;
  color: var(--neo-primary);
}

/* Ocultar descripción por defecto para mantener 2 líneas */
.page-header .text-muted.mt-1,
.page-header .page-subtitle {
  display: none;
}

/* Versión compacta para breadcrumbs inline */
.page-header.neo-header-inline {
  padding: var(--neo-space-sm) 0 !important;
}

.page-header.neo-header-inline .page-pretitle {
  display: inline;
  margin-right: 0.5rem;
}

.page-header.neo-header-inline .page-pretitle::after {
  content: '/';
  margin-left: 0.5rem;
  color: var(--neo-gray-400);
}

.page-header.neo-header-inline .page-title {
  display: inline;
  font-size: 1rem;
}

/* Responsive: más compacto en móvil */
@media (max-width: 768px) {
  .page-header .page-title {
    font-size: 1rem;
  }

  .page-header .page-pretitle {
    font-size: 0.625rem;
  }
}

/* =====================================================
   NAVBAR - NEO NAVBAR STYLES
   ===================================================== */

/* Navbar base */
.navbar,
header.navbar {
  min-height: auto !important;
}

/* ICONOS MÁS GRANDES en el navbar */
.navbar .nav-link .icon,
.navbar .nav-item .icon,
.navbar-nav .nav-link .icon,
.navbar .ti,
header.navbar .icon {
  width: 1.5rem !important;
  height: 1.5rem !important;
  font-size: 1.5rem !important;
  stroke-width: 1.5 !important;
}

/* Iconos en dropdown items */
.navbar .dropdown-item .icon,
.navbar .dropdown-item .ti {
  width: 1.25rem !important;
  height: 1.25rem !important;
  font-size: 1.25rem !important;
}

/* Contenedor derecho del navbar (avatar, notificaciones) - padding-top 16px */
.navbar .navbar-nav.ms-auto,
.navbar .d-flex.order-lg-2,
.navbar-nav.flex-row.order-md-last {
  padding-top: 1rem !important;
}

/* Avatar */
.navbar .avatar {
  width: 2.25rem !important;
  height: 2.25rem !important;
}

/* Dropdowns del navbar */
.navbar .dropdown-menu {
  margin-top: 0.5rem !important;
  border-radius: var(--neo-radius-md) !important;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* =====================================================
   DARK MODE SUPPORT (opcional para futuro)
   ===================================================== */

@media (prefers-color-scheme: dark) {
  /* Deshabilitado por ahora - activar si se necesita dark mode */
}
/**
 * Estilos de Accesibilidad (A11y)
 * Compatible con WCAG 2.1 AA
 */

/* ============================================
   ALTO CONTRASTE
   ============================================ */
.a11y-high-contrast {
  --a11y-bg: #1a1a2e;
  --a11y-text: #ffffff;
  --a11y-link: #C4B5FD;
  --a11y-border: #A78BFA;
  --a11y-focus: #A78BFA;
  --a11y-error: #ff6b6b;
  --a11y-success: #69db7c;
  --a11y-warning: #ffd43b;
  --a11y-primary: #7C3AED;
  --a11y-primary-light: #C4B5FD;
}

.a11y-high-contrast body {
  background-color: var(--a11y-bg) !important;
  color: var(--a11y-text) !important;
}

.a11y-high-contrast .card,
.a11y-high-contrast .modal-content,
.a11y-high-contrast .dropdown-menu {
  background-color: #1a1a1a !important;
  border: 2px solid var(--a11y-border) !important;
  color: var(--a11y-text) !important;
}

.a11y-high-contrast a,
.a11y-high-contrast .btn-link {
  color: var(--a11y-link) !important;
  text-decoration: underline !important;
}

.a11y-high-contrast .btn {
  border: 2px solid var(--a11y-border) !important;
  font-weight: bold !important;
}

.a11y-high-contrast .btn-primary {
  background-color: var(--a11y-primary) !important;
  color: #ffffff !important;
}

/* Preservar glassmorphism con overlay oscuro */
.a11y-high-contrast .wizard-footer,
.a11y-high-contrast .glass-effect {
  background: rgba(26, 26, 46, 0.95) !important;
  backdrop-filter: blur(12px) !important;
}

.a11y-high-contrast .form-control,
.a11y-high-contrast .form-select {
  background-color: #1a1a1a !important;
  color: var(--a11y-text) !important;
  border: 2px solid var(--a11y-border) !important;
}

.a11y-high-contrast .form-control:focus,
.a11y-high-contrast .form-select:focus {
  border-color: var(--a11y-focus) !important;
  -webkit-box-shadow: 0 0 0 3px var(--a11y-focus) !important;
          box-shadow: 0 0 0 3px var(--a11y-focus) !important;
}

.a11y-high-contrast .text-muted {
  color: #cccccc !important;
}

.a11y-high-contrast .alert-danger {
  background-color: #4a0000 !important;
  border-color: var(--a11y-error) !important;
  color: var(--a11y-error) !important;
}

.a11y-high-contrast .alert-success {
  background-color: #004a00 !important;
  border-color: var(--a11y-success) !important;
  color: var(--a11y-success) !important;
}

/* Texto general - forzar contraste con alta especificidad */
html.a11y-high-contrast,
html.a11y-high-contrast *:not(.a11y-fab):not(.a11y-panel):not(.a11y-panel *) {
  color: #ffffff !important;
  background-color: transparent;
}

html.a11y-high-contrast body,
html.a11y-high-contrast .page-wrapper,
html.a11y-high-contrast .page-body,
html.a11y-high-contrast .container,
html.a11y-high-contrast .container-fluid,
html.a11y-high-contrast .wizard-container,
html.a11y-high-contrast .step-content,
html.a11y-high-contrast main {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Botones tipo pill/tab */
html.a11y-high-contrast .btn,
html.a11y-high-contrast button,
html.a11y-high-contrast [class*="btn-"] {
  background-color: #333333 !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
}

html.a11y-high-contrast .btn:hover,
html.a11y-high-contrast .btn:focus,
html.a11y-high-contrast button:hover,
html.a11y-high-contrast button:focus,
html.a11y-high-contrast [class*="btn-"]:hover,
html.a11y-high-contrast [class*="btn-"]:focus {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #000000 !important;
}

/* Ensure text inside buttons is visible on hover */
html.a11y-high-contrast .btn:hover *,
html.a11y-high-contrast .btn:focus *,
html.a11y-high-contrast button:hover *,
html.a11y-high-contrast button:focus *,
html.a11y-high-contrast .btn:hover span,
html.a11y-high-contrast .btn:hover i,
html.a11y-high-contrast button:hover span,
html.a11y-high-contrast button:hover i {
  color: #000000 !important;
}

html.a11y-high-contrast .btn-primary,
html.a11y-high-contrast .btn-success {
  background-color: #006600 !important;
  border-color: #00ff00 !important;
}

html.a11y-high-contrast .btn-outline-primary,
html.a11y-high-contrast .btn-outline-secondary {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
}

/* Labels y textos */
.a11y-high-contrast label,
.a11y-high-contrast .form-label,
.a11y-high-contrast .col-form-label,
.a11y-high-contrast p,
.a11y-high-contrast span,
.a11y-high-contrast div {
  color: #ffffff !important;
}

/* Headers */
.a11y-high-contrast h1,
.a11y-high-contrast h2,
.a11y-high-contrast h3,
.a11y-high-contrast h4,
.a11y-high-contrast h5,
.a11y-high-contrast h6,
.a11y-high-contrast .h1,
.a11y-high-contrast .h2,
.a11y-high-contrast .h3,
.a11y-high-contrast .h4,
.a11y-high-contrast .h5,
.a11y-high-contrast .h6 {
  color: #ffff00 !important;
}

/* Cards y contenedores */
.a11y-high-contrast .card,
.a11y-high-contrast .card-body,
.a11y-high-contrast .card-header,
.a11y-high-contrast .card-footer {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

.a11y-high-contrast .card-title {
  color: #ffff00 !important;
}

/* Wizard */
.a11y-high-contrast .wizard-container,
.a11y-high-contrast .wizard-content,
.a11y-high-contrast .wizard-step,
.a11y-high-contrast .step-content {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.a11y-high-contrast .wizard-footer {
  background-color: #1a1a1a !important;
  border-top: 2px solid #ffffff !important;
}

/* Inputs */
.a11y-high-contrast input,
.a11y-high-contrast textarea,
.a11y-high-contrast select {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
}

.a11y-high-contrast input::-webkit-input-placeholder, .a11y-high-contrast textarea::-webkit-input-placeholder {
  color: #999999 !important;
}

.a11y-high-contrast input::-moz-placeholder, .a11y-high-contrast textarea::-moz-placeholder {
  color: #999999 !important;
}

.a11y-high-contrast input:-ms-input-placeholder, .a11y-high-contrast textarea:-ms-input-placeholder {
  color: #999999 !important;
}

.a11y-high-contrast input::-ms-input-placeholder, .a11y-high-contrast textarea::-ms-input-placeholder {
  color: #999999 !important;
}

.a11y-high-contrast input::placeholder,
.a11y-high-contrast textarea::placeholder {
  color: #999999 !important;
}

/* Tablas */
.a11y-high-contrast table,
.a11y-high-contrast .table {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.a11y-high-contrast th,
.a11y-high-contrast td {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

.a11y-high-contrast thead th {
  background-color: #333333 !important;
  color: #ffff00 !important;
}

/* Badges y tags */
.a11y-high-contrast .badge {
  border: 1px solid #ffffff !important;
}

/* Iconos */
.a11y-high-contrast i,
.a11y-high-contrast .ti {
  color: #ffffff !important;
}

/* ============================================
   TEXTO GRANDE
   ============================================ */
.a11y-large-text {
  font-size: 125% !important;
}

.a11y-large-text .btn {
  padding: 0.75rem 1.5rem !important;
  font-size: 1.1em !important;
}

.a11y-large-text .form-control,
.a11y-large-text .form-select {
  padding: 0.75rem 1rem !important;
  font-size: 1.1em !important;
}

.a11y-large-text h1 { font-size: 2.5rem !important; }
.a11y-large-text h2 { font-size: 2rem !important; }
.a11y-large-text h3 { font-size: 1.75rem !important; }
.a11y-large-text h4 { font-size: 1.5rem !important; }
.a11y-large-text h5 { font-size: 1.25rem !important; }

/* ============================================
   TEXTO EXTRA GRANDE
   ============================================ */
.a11y-extra-large-text {
  font-size: 150% !important;
}

.a11y-extra-large-text .btn {
  padding: 1rem 2rem !important;
  font-size: 1.2em !important;
}

.a11y-extra-large-text .form-control,
.a11y-extra-large-text .form-select {
  padding: 1rem 1.25rem !important;
  font-size: 1.2em !important;
  min-height: 60px !important;
}

/* Media queries para texto grande en móvil */
@media (max-width: 768px) {
  .a11y-large-text { font-size: 112% !important; }
  .a11y-extra-large-text { font-size: 125% !important; }
}

@media (max-width: 480px) {
  .a11y-large-text { font-size: 106% !important; }
  .a11y-extra-large-text { font-size: 112% !important; }
}

/* ============================================
   REDUCIR MOVIMIENTO
   ============================================ */
.a11y-reduced-motion,
.a11y-reduced-motion * {
  -webkit-animation: none !important;
          animation: none !important;
  -webkit-transition: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}

.a11y-reduced-motion .carousel,
.a11y-reduced-motion .slider,
.a11y-reduced-motion .animate__animated {
  -webkit-animation: none !important;
          animation: none !important;
}

/* Coverflow completamente estático */
.a11y-reduced-motion .wgh-slider-item {
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}

.a11y-reduced-motion .wgh-slider__container {
  -webkit-transition: none !important;
  transition: none !important;
}

/* Indicador visual alternativo para item seleccionado en coverflow */
.a11y-reduced-motion .wgh-slider-item.selected,
.a11y-reduced-motion .wgh-slider-item[data-selected="true"] {
  outline: 3px solid var(--a11y-primary, #7C3AED) !important;
  outline-offset: 4px !important;
}

/* ============================================
   MODO OSCURO - Completo y exhaustivo
   ============================================ */
html.a11y-dark-mode {
  /* Paleta elegante - grises azulados sutiles */
  --a11y-dark-bg: #13131a;
  --a11y-dark-surface: #1c1c24;
  --a11y-dark-surface-2: #252530;
  --a11y-dark-surface-3: #2f2f3a;
  --a11y-dark-card: #1e1e28;
  --a11y-dark-card-hover: #26262f;
  --a11y-dark-text: #f0f0f5;
  --a11y-dark-text-secondary: #a0a0b0;
  --a11y-dark-border: #35354a;
  --a11y-dark-border-light: #2a2a3a;
  --a11y-dark-link: #a78bfa;
  --a11y-dark-primary: #7c3aed;
  --a11y-dark-primary-soft: rgba(124, 58, 237, 0.15);
  --a11y-dark-success: #22c55e;
  --a11y-dark-warning: #FFCA00;
  --a11y-dark-danger: #ef4444;
}

/* === FONDOS GENERALES === */
html.a11y-dark-mode,
html.a11y-dark-mode body {
  background-color: var(--a11y-dark-bg) !important;
  color: var(--a11y-dark-text) !important;
}

/* Regla base eliminada para evitar conflictos */

html.a11y-dark-mode .page-wrapper,
html.a11y-dark-mode .page-body,
html.a11y-dark-mode .page-content,
html.a11y-dark-mode main,
html.a11y-dark-mode #app,
html.a11y-dark-mode .app-wrapper,
html.a11y-dark-mode .wizard-main,
html.a11y-dark-mode .wizard-content,
html.a11y-dark-mode .forms-client-wizard,
html.a11y-dark-mode .step-wrapper {
  background-color: var(--a11y-dark-bg) !important;
  color: var(--a11y-dark-text) !important;
}

/* === WIZARD BODY - Forzar fondo oscuro, sin gradientes === */
html.a11y-dark-mode .wizard-body,
html.a11y-dark-mode .forms-client-wizard .wizard-body,
html.a11y-dark-mode #main-content.wizard-body {
  background: var(--a11y-dark-bg) !important;
  background-color: var(--a11y-dark-bg) !important;
  background-image: none !important;
}

/* Asegurar que el área bajo el stepper sea oscura */
html.a11y-dark-mode .wizard-body-wrapper,
html.a11y-dark-mode .container-xl,
html.a11y-dark-mode .forms-client-wizard > div,
html.a11y-dark-mode .forms-client-wizard .wizard-body {
  background: var(--a11y-dark-bg) !important;
  background-color: var(--a11y-dark-bg) !important;
  background-image: none !important;
}

/* Step content areas - transparente para heredar fondo oscuro */
html.a11y-dark-mode .step-content,
html.a11y-dark-mode .step-1-wrapper,
html.a11y-dark-mode .forms-client-wizard .step-content {
  background: transparent !important;
  background-color: transparent !important;
}

/* Fondo base para elementos con bg-light o bg-white */
html.a11y-dark-mode .bg-light,
html.a11y-dark-mode .bg-white,
html.a11y-dark-mode .bg-body,
html.a11y-dark-mode [class*="bg-light"],
html.a11y-dark-mode [style*="background: white"],
html.a11y-dark-mode [style*="background-color: white"],
html.a11y-dark-mode [style*="background:#fff"],
html.a11y-dark-mode [style*="background-color:#fff"],
html.a11y-dark-mode [style*="background: #fff"],
html.a11y-dark-mode [style*="background-color: #fff"],
html.a11y-dark-mode [style*="background: rgb(255"],
html.a11y-dark-mode [style*="background-color: rgb(255"] {
  background-color: var(--a11y-dark-bg) !important;
  background: var(--a11y-dark-bg) !important;
}

/* Override específico para elementos del wizard con fondo claro */
html.a11y-dark-mode .calendar-container,
html.a11y-dark-mode .document-preview,
html.a11y-dark-mode .preview-container,
html.a11y-dark-mode .file-preview,
html.a11y-dark-mode .upload-area,
html.a11y-dark-mode .dropzone,
html.a11y-dark-mode .stepper-wrapper,
html.a11y-dark-mode .step-container,
html.a11y-dark-mode .content-wrapper,
html.a11y-dark-mode .main-content,
html.a11y-dark-mode .wizard-container,
html.a11y-dark-mode .modern-progress-section,
html.a11y-dark-mode .modern-progress-container {
  background: var(--a11y-dark-surface) !important;
  background-color: var(--a11y-dark-surface) !important;
}

/* Wizard header elegante */
html.a11y-dark-mode .wizard-header {
  background: rgba(19, 19, 26, 0.95) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-bottom: 1px solid var(--a11y-dark-border-light) !important;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
}

/* Wizard footer elegante */
html.a11y-dark-mode .wizard-footer {
  background: var(--a11y-dark-surface) !important;
  border-top: 1px solid var(--a11y-dark-border-light) !important;
  -webkit-box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15) !important;
          box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15) !important;
}

/* Progress section elegante */
html.a11y-dark-mode .modern-progress-section,
html.a11y-dark-mode .modern-progress-container {
  background: var(--a11y-dark-card) !important;
  border: 1px solid var(--a11y-dark-border-light) !important;
  border-radius: 12px !important;
}

html.a11y-dark-mode .modern-progress-track {
  background: var(--a11y-dark-surface) !important;
}

/* File upload area elegante */
html.a11y-dark-mode .modern-uploader,
html.a11y-dark-mode .upload-dropzone,
html.a11y-dark-mode .file-upload-area {
  background: var(--a11y-dark-surface) !important;
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .upload-dropzone:hover,
html.a11y-dark-mode .file-upload-area:hover {
  background: var(--a11y-dark-surface-2) !important;
  border-color: var(--a11y-dark-primary) !important;
}

/* File cards elegantes */
html.a11y-dark-mode .file-card,
html.a11y-dark-mode .archivo-card,
html.a11y-dark-mode .document-card {
  background: var(--a11y-dark-card) !important;
  border: 1px solid var(--a11y-dark-border-light) !important;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

html.a11y-dark-mode .file-card:hover,
html.a11y-dark-mode .archivo-card:hover {
  background: var(--a11y-dark-card-hover) !important;
  border-color: var(--a11y-dark-border) !important;
}

/* === CONTENEDORES === */
html.a11y-dark-mode .container,
html.a11y-dark-mode .container-fluid,
html.a11y-dark-mode .container-xl,
html.a11y-dark-mode .container-lg,
html.a11y-dark-mode .container-md,
html.a11y-dark-mode .container-sm,
html.a11y-dark-mode .wizard-container,
html.a11y-dark-mode .step-content,
html.a11y-dark-mode .row,
html.a11y-dark-mode .col,
html.a11y-dark-mode [class*="col-"] {
  background-color: transparent !important;
  color: var(--a11y-dark-text) !important;
}

/* === CARDS Y PANELES - Elegante con capas === */
html.a11y-dark-mode .card,
html.a11y-dark-mode .panel,
html.a11y-dark-mode .box,
html.a11y-dark-mode .section {
  background-color: var(--a11y-dark-card) !important;
  color: var(--a11y-dark-text) !important;
  border: 1px solid var(--a11y-dark-border-light) !important;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

html.a11y-dark-mode .card-body,
html.a11y-dark-mode .panel-body {
  background-color: transparent !important;
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .card-header {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
  border-bottom: 1px solid var(--a11y-dark-border-light) !important;
}

html.a11y-dark-mode .card-footer {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
  border-top: 1px solid var(--a11y-dark-border-light) !important;
}

html.a11y-dark-mode .card-title {
  color: var(--a11y-dark-text) !important;
}

/* === MODALES === */
html.a11y-dark-mode .modal-content,
html.a11y-dark-mode .modal-header,
html.a11y-dark-mode .modal-body,
html.a11y-dark-mode .modal-footer,
html.a11y-dark-mode .modal-title {
  background-color: var(--a11y-dark-surface) !important;
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .modal-backdrop {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

/* === TODOS LOS TEXTOS === */
html.a11y-dark-mode p,
html.a11y-dark-mode span:not(.badge),
html.a11y-dark-mode div:not(.badge):not(.alert):not(.btn),
html.a11y-dark-mode label,
html.a11y-dark-mode .form-label,
html.a11y-dark-mode .col-form-label,
html.a11y-dark-mode legend,
html.a11y-dark-mode figcaption,
html.a11y-dark-mode blockquote,
html.a11y-dark-mode li,
html.a11y-dark-mode dt,
html.a11y-dark-mode dd {
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode h1,
html.a11y-dark-mode h2,
html.a11y-dark-mode h3,
html.a11y-dark-mode h4,
html.a11y-dark-mode h5,
html.a11y-dark-mode h6,
html.a11y-dark-mode .h1,
html.a11y-dark-mode .h2,
html.a11y-dark-mode .h3,
html.a11y-dark-mode .h4,
html.a11y-dark-mode .h5,
html.a11y-dark-mode .h6 {
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .text-muted,
html.a11y-dark-mode .text-secondary,
html.a11y-dark-mode small,
html.a11y-dark-mode .small,
html.a11y-dark-mode .form-text,
html.a11y-dark-mode .help-text {
  color: var(--a11y-dark-text-secondary) !important;
}

html.a11y-dark-mode .text-dark,
html.a11y-dark-mode .text-body {
  color: var(--a11y-dark-text) !important;
}

/* === INPUTS Y FORMULARIOS - Elegantes === */
html.a11y-dark-mode .form-control,
html.a11y-dark-mode .form-select,
html.a11y-dark-mode input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
html.a11y-dark-mode textarea,
html.a11y-dark-mode select {
  background-color: var(--a11y-dark-surface) !important;
  color: var(--a11y-dark-text) !important;
  border: 1px solid var(--a11y-dark-border-light) !important;
  -webkit-transition: all 0.2s ease !important;
  transition: all 0.2s ease !important;
}

html.a11y-dark-mode .form-control:hover,
html.a11y-dark-mode .form-select:hover,
html.a11y-dark-mode input:hover,
html.a11y-dark-mode textarea:hover {
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .form-control:focus,
html.a11y-dark-mode .form-select:focus,
html.a11y-dark-mode input:focus,
html.a11y-dark-mode textarea:focus,
html.a11y-dark-mode select:focus {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-primary) !important;
  -webkit-box-shadow: 0 0 0 3px var(--a11y-dark-primary-soft) !important;
          box-shadow: 0 0 0 3px var(--a11y-dark-primary-soft) !important;
}

html.a11y-dark-mode input::-webkit-input-placeholder, html.a11y-dark-mode textarea::-webkit-input-placeholder, html.a11y-dark-mode .form-control::-webkit-input-placeholder {
  color: var(--a11y-dark-text-secondary) !important;
  opacity: 0.7 !important;
}

html.a11y-dark-mode input::-moz-placeholder, html.a11y-dark-mode textarea::-moz-placeholder, html.a11y-dark-mode .form-control::-moz-placeholder {
  color: var(--a11y-dark-text-secondary) !important;
  opacity: 0.7 !important;
}

html.a11y-dark-mode input:-ms-input-placeholder, html.a11y-dark-mode textarea:-ms-input-placeholder, html.a11y-dark-mode .form-control:-ms-input-placeholder {
  color: var(--a11y-dark-text-secondary) !important;
  opacity: 0.7 !important;
}

html.a11y-dark-mode input::-ms-input-placeholder, html.a11y-dark-mode textarea::-ms-input-placeholder, html.a11y-dark-mode .form-control::-ms-input-placeholder {
  color: var(--a11y-dark-text-secondary) !important;
  opacity: 0.7 !important;
}

html.a11y-dark-mode input::placeholder,
html.a11y-dark-mode textarea::placeholder,
html.a11y-dark-mode .form-control::placeholder {
  color: var(--a11y-dark-text-secondary) !important;
  opacity: 0.7 !important;
}

html.a11y-dark-mode .form-control:disabled,
html.a11y-dark-mode .form-control[readonly],
html.a11y-dark-mode input:disabled,
html.a11y-dark-mode textarea:disabled,
html.a11y-dark-mode select:disabled {
  background-color: var(--a11y-dark-surface) !important;
  color: var(--a11y-dark-text-secondary) !important;
}

html.a11y-dark-mode .input-group-text {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-border) !important;
}

/* Checkboxes y radios */
html.a11y-dark-mode .form-check-label {
  color: var(--a11y-dark-text) !important;
}

/* === BOTONES === */
html.a11y-dark-mode .btn {
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .btn-primary {
  background-color: var(--a11y-dark-primary) !important;
  border-color: var(--a11y-dark-primary) !important;
  color: #ffffff !important;
}

html.a11y-dark-mode .btn-secondary {
  background-color: var(--a11y-dark-surface-2) !important;
  border-color: var(--a11y-dark-border) !important;
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .btn-success {
  background-color: var(--a11y-dark-success) !important;
  border-color: var(--a11y-dark-success) !important;
  color: #ffffff !important;
}

html.a11y-dark-mode .btn-warning {
  background-color: var(--a11y-dark-warning) !important;
  border-color: var(--a11y-dark-warning) !important;
  color: #000000 !important;
}

html.a11y-dark-mode .btn-danger {
  background-color: var(--a11y-dark-danger) !important;
  border-color: var(--a11y-dark-danger) !important;
  color: #ffffff !important;
}

html.a11y-dark-mode .btn-outline-primary,
html.a11y-dark-mode .btn-outline-secondary,
html.a11y-dark-mode .btn-outline-success,
html.a11y-dark-mode .btn-outline-warning,
html.a11y-dark-mode .btn-outline-danger {
  background-color: transparent !important;
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .btn-outline-primary:hover,
html.a11y-dark-mode .btn-outline-secondary:hover {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .btn-light {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .btn-link {
  color: var(--a11y-dark-link) !important;
}

/* === TABLAS === */
html.a11y-dark-mode table,
html.a11y-dark-mode .table {
  background-color: var(--a11y-dark-surface) !important;
  color: var(--a11y-dark-text) !important;
  --bs-table-bg: var(--a11y-dark-surface) !important;
  --bs-table-color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode th,
html.a11y-dark-mode td,
html.a11y-dark-mode .table th,
html.a11y-dark-mode .table td {
  background-color: var(--a11y-dark-surface) !important;
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode thead,
html.a11y-dark-mode .table thead,
html.a11y-dark-mode thead th {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--a11y-dark-surface-2) !important;
  --bs-table-striped-bg: var(--a11y-dark-surface-2) !important;
}

html.a11y-dark-mode .table-hover tbody tr:hover {
  background-color: var(--a11y-dark-surface-3) !important;
  --bs-table-hover-bg: var(--a11y-dark-surface-3) !important;
}

/* === WIZARD Y FOOTER === */
html.a11y-dark-mode .wizard-footer,
html.a11y-dark-mode .sticky-footer,
html.a11y-dark-mode footer {
  background-color: var(--a11y-dark-surface) !important;
  color: var(--a11y-dark-text) !important;
  border-top-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .wizard-steps,
html.a11y-dark-mode .steps-container,
html.a11y-dark-mode .step-indicator {
  background-color: var(--a11y-dark-surface) !important;
  color: var(--a11y-dark-text) !important;
}

/* === DROPDOWNS === */
html.a11y-dark-mode .dropdown-menu {
  background-color: var(--a11y-dark-surface) !important;
  border-color: var(--a11y-dark-border) !important;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

html.a11y-dark-mode .dropdown-item {
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .dropdown-item:hover,
html.a11y-dark-mode .dropdown-item:focus {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .dropdown-item.active,
html.a11y-dark-mode .dropdown-item:active {
  background-color: var(--a11y-dark-primary) !important;
  color: #ffffff !important;
}

html.a11y-dark-mode .dropdown-divider {
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .dropdown-header {
  color: var(--a11y-dark-text-secondary) !important;
}

/* === LINKS === */
html.a11y-dark-mode a {
  color: var(--a11y-dark-link) !important;
}

html.a11y-dark-mode a:hover {
  color: #aaccff !important;
}

/* === BADGES === */
html.a11y-dark-mode .badge {
  border: 1px solid var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .badge-secondary,
html.a11y-dark-mode .bg-secondary {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
}

/* === PROGRESS BARS === */
html.a11y-dark-mode .progress {
  background-color: var(--a11y-dark-surface-2) !important;
}

/* === ALERTS === */
html.a11y-dark-mode .alert {
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .alert-primary {
  background-color: rgba(124, 58, 237, 0.2) !important;
  border-color: var(--a11y-dark-primary) !important;
}

html.a11y-dark-mode .alert-success {
  background-color: rgba(34, 197, 94, 0.2) !important;
  border-color: var(--a11y-dark-success) !important;
}

html.a11y-dark-mode .alert-warning {
  background-color: rgba(245, 158, 11, 0.2) !important;
  border-color: var(--a11y-dark-warning) !important;
}

html.a11y-dark-mode .alert-danger {
  background-color: rgba(239, 68, 68, 0.2) !important;
  border-color: var(--a11y-dark-danger) !important;
}

html.a11y-dark-mode .alert-info {
  background-color: rgba(59, 130, 246, 0.2) !important;
  border-color: #3b82f6 !important;
}

/* === NAVS Y TABS === */
html.a11y-dark-mode .nav,
html.a11y-dark-mode .nav-tabs,
html.a11y-dark-mode .nav-pills {
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .nav-link {
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .nav-link:hover {
  color: var(--a11y-dark-link) !important;
}

html.a11y-dark-mode .nav-link.active,
html.a11y-dark-mode .nav-tabs .nav-link.active {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .tab-content {
  background-color: var(--a11y-dark-surface) !important;
  color: var(--a11y-dark-text) !important;
}

/* === LIST GROUPS === */
html.a11y-dark-mode .list-group-item {
  background-color: var(--a11y-dark-surface) !important;
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .list-group-item:hover {
  background-color: var(--a11y-dark-surface-2) !important;
}

html.a11y-dark-mode .list-group-item.active {
  background-color: var(--a11y-dark-primary) !important;
  border-color: var(--a11y-dark-primary) !important;
}

/* === BREADCRUMBS === */
html.a11y-dark-mode .breadcrumb {
  background-color: var(--a11y-dark-surface) !important;
}

html.a11y-dark-mode .breadcrumb-item,
html.a11y-dark-mode .breadcrumb-item a {
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .breadcrumb-item.active {
  color: var(--a11y-dark-text-secondary) !important;
}

/* === ACCORDIONS === */
html.a11y-dark-mode .accordion-item {
  background-color: var(--a11y-dark-surface) !important;
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .accordion-button {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .accordion-button:not(.collapsed) {
  background-color: var(--a11y-dark-surface-3) !important;
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .accordion-body {
  background-color: var(--a11y-dark-surface) !important;
  color: var(--a11y-dark-text) !important;
}

/* === POPOVERS Y TOOLTIPS === */
html.a11y-dark-mode .popover {
  background-color: var(--a11y-dark-surface) !important;
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .popover-header {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .popover-body {
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .tooltip-inner {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
}

/* === OFFCANVAS === */
html.a11y-dark-mode .offcanvas {
  background-color: var(--a11y-dark-surface) !important;
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .offcanvas-header {
  border-color: var(--a11y-dark-border) !important;
}

/* === PAGINATION === */
html.a11y-dark-mode .pagination .page-item .page-link {
  background-color: var(--a11y-dark-surface) !important;
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .pagination .page-item.active .page-link {
  background-color: var(--a11y-dark-primary) !important;
  border-color: var(--a11y-dark-primary) !important;
  color: #ffffff !important;
}

html.a11y-dark-mode .pagination .page-item.disabled .page-link {
  background-color: var(--a11y-dark-surface) !important;
  color: var(--a11y-dark-text-secondary) !important;
}

/* === ICONOS === */
html.a11y-dark-mode i,
html.a11y-dark-mode .ti,
html.a11y-dark-mode .icon,
html.a11y-dark-mode [class*="ti-"] {
  color: inherit !important;
}

/* === LOGO NEONET - Invertir a blanco en modo oscuro === */
html.a11y-dark-mode .logo-img,
html.a11y-dark-mode .navbar-brand img,
html.a11y-dark-mode img.logo-img {
  -webkit-filter: brightness(0) invert(1) !important;
          filter: brightness(0) invert(1) !important;
}

/* === NAVBAR Y HEADER === */
html.a11y-dark-mode .navbar,
html.a11y-dark-mode .header,
html.a11y-dark-mode .navbar-brand {
  background-color: var(--a11y-dark-surface) !important;
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .navbar-nav .nav-link {
  color: var(--a11y-dark-text) !important;
}

/* === SIDEBAR === */
html.a11y-dark-mode .sidebar,
html.a11y-dark-mode .navbar-vertical {
  background-color: var(--a11y-dark-surface) !important;
  color: var(--a11y-dark-text) !important;
}

/* === ELEMENT PLUS OVERRIDES === */
html.a11y-dark-mode .el-input__inner,
html.a11y-dark-mode .el-input__wrapper,
html.a11y-dark-mode .el-textarea__inner {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-border) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

html.a11y-dark-mode .el-select .el-input__wrapper {
  background-color: var(--a11y-dark-surface-2) !important;
}

html.a11y-dark-mode .el-select-dropdown {
  background-color: var(--a11y-dark-surface) !important;
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .el-select-dropdown__item {
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .el-select-dropdown__item:hover {
  background-color: var(--a11y-dark-surface-2) !important;
}

html.a11y-dark-mode .el-dialog,
html.a11y-dark-mode .el-dialog__header,
html.a11y-dark-mode .el-dialog__body,
html.a11y-dark-mode .el-dialog__footer {
  background-color: var(--a11y-dark-surface) !important;
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .el-dialog__title {
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .el-button--default {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .el-table,
html.a11y-dark-mode .el-table th,
html.a11y-dark-mode .el-table td {
  background-color: var(--a11y-dark-surface) !important;
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .el-table--striped .el-table__body tr.el-table__row--striped td {
  background-color: var(--a11y-dark-surface-2) !important;
}

html.a11y-dark-mode .el-form-item__label {
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .el-message-box {
  background-color: var(--a11y-dark-surface) !important;
}

html.a11y-dark-mode .el-message-box__title,
html.a11y-dark-mode .el-message-box__content {
  color: var(--a11y-dark-text) !important;
}

/* === TOASTIFY === */
html.a11y-dark-mode .Toastify__toast {
  background-color: var(--a11y-dark-surface) !important;
  color: var(--a11y-dark-text) !important;
}

/* === ESPECÍFICO DE LA APP === */
html.a11y-dark-mode .wgh-slider-item,
html.a11y-dark-mode .coverflow-item {
  background-color: var(--a11y-dark-surface) !important;
}

html.a11y-dark-mode .fluid-background,
html.a11y-dark-mode .parallax-banner {
  -webkit-filter: brightness(0.5) !important;
          filter: brightness(0.5) !important;
}

html.a11y-dark-mode .glass-effect {
  background-color: rgba(30, 30, 30, 0.9) !important;
  backdrop-filter: blur(10px) !important;
}

/* === HR Y DIVIDERS === */
html.a11y-dark-mode hr {
  border-color: var(--a11y-dark-border) !important;
  opacity: 0.5 !important;
}

html.a11y-dark-mode .border,
html.a11y-dark-mode .border-top,
html.a11y-dark-mode .border-bottom,
html.a11y-dark-mode .border-start,
html.a11y-dark-mode .border-end {
  border-color: var(--a11y-dark-border) !important;
}

/* === SCROLLBARS (webkit) === */
html.a11y-dark-mode ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

html.a11y-dark-mode ::-webkit-scrollbar-track {
  background: var(--a11y-dark-surface);
}

html.a11y-dark-mode ::-webkit-scrollbar-thumb {
  background: var(--a11y-dark-surface-3);
  border-radius: 5px;
}

html.a11y-dark-mode ::-webkit-scrollbar-thumb:hover {
  background: var(--a11y-dark-border);
}

/* ============================================
   MODO OSCURO - FORMULARIOS WIZARD (Alta especificidad)
   ============================================ */

/* Wrapper principal */
html.a11y-dark-mode .forms-client-wizard {
  background-color: var(--a11y-dark-bg) !important;
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .forms-client-wizard .wizard-body {
  background-color: var(--a11y-dark-bg) !important;
}

html.a11y-dark-mode .forms-client-wizard .step-content {
  background-color: var(--a11y-dark-bg) !important;
  color: var(--a11y-dark-text) !important;
}

/* Cards del wizard */
html.a11y-dark-mode .forms-client-wizard .card,
html.a11y-dark-mode .forms-client-wizard .card-body,
html.a11y-dark-mode .forms-client-wizard .card-header,
html.a11y-dark-mode .forms-client-wizard .card-footer,
html.a11y-dark-mode .documentos-card-main,
html.a11y-dark-mode .documentos-card-main .card-body {
  background-color: var(--a11y-dark-surface) !important;
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-border) !important;
}

/* Textos específicos del wizard */
html.a11y-dark-mode .forms-client-wizard h1,
html.a11y-dark-mode .forms-client-wizard h2,
html.a11y-dark-mode .forms-client-wizard h3,
html.a11y-dark-mode .forms-client-wizard h4,
html.a11y-dark-mode .forms-client-wizard h5,
html.a11y-dark-mode .forms-client-wizard p,
html.a11y-dark-mode .forms-client-wizard span,
html.a11y-dark-mode .forms-client-wizard label,
html.a11y-dark-mode .forms-client-wizard div {
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .forms-client-wizard .text-muted,
html.a11y-dark-mode .forms-client-wizard .text-secondary,
html.a11y-dark-mode .forms-client-wizard small {
  color: var(--a11y-dark-text-secondary) !important;
}

html.a11y-dark-mode .forms-client-wizard .text-primary {
  color: #a78bfa !important;
}

/* Inputs del wizard */
html.a11y-dark-mode .forms-client-wizard .form-control,
html.a11y-dark-mode .forms-client-wizard .form-select,
html.a11y-dark-mode .forms-client-wizard input,
html.a11y-dark-mode .forms-client-wizard textarea,
html.a11y-dark-mode .forms-client-wizard select {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-border) !important;
}

/* Botones del wizard */
html.a11y-dark-mode .forms-client-wizard .btn {
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .forms-client-wizard .btn-primary {
  background-color: var(--a11y-dark-primary) !important;
  color: #ffffff !important;
}

html.a11y-dark-mode .forms-client-wizard .btn-outline-primary {
  background-color: transparent !important;
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-primary) !important;
}

/* Wizard footer */
html.a11y-dark-mode .forms-client-wizard .wizard-footer,
html.a11y-dark-mode .wizard-footer {
  background-color: var(--a11y-dark-surface) !important;
  border-top: 1px solid var(--a11y-dark-border) !important;
}

/* Timeline/Progress */
html.a11y-dark-mode .forms-client-wizard .progress-indicator-wrapper {
  background-color: var(--a11y-dark-surface-2) !important;
}

html.a11y-dark-mode .forms-client-wizard .progress-text {
  color: var(--a11y-dark-text) !important;
}

/* Category pills */
html.a11y-dark-mode .forms-client-wizard .category-pill,
html.a11y-dark-mode .forms-client-wizard .nav-pills .nav-link {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .forms-client-wizard .category-pill.active,
html.a11y-dark-mode .forms-client-wizard .nav-pills .nav-link.active {
  background-color: var(--a11y-dark-primary) !important;
  color: #ffffff !important;
}

/* Coverflow / slider items */
html.a11y-dark-mode .forms-client-wizard .wgh-slider-item {
  background-color: var(--a11y-dark-surface) !important;
  border-color: var(--a11y-dark-border) !important;
}

/* File upload area */
html.a11y-dark-mode .forms-client-wizard .file-upload-area,
html.a11y-dark-mode .forms-client-wizard .dropzone {
  background-color: var(--a11y-dark-surface-2) !important;
  border-color: var(--a11y-dark-border) !important;
  color: var(--a11y-dark-text) !important;
}

/* Requisitos panel */
html.a11y-dark-mode .forms-client-wizard .requisito-detail-panel {
  background-color: var(--a11y-dark-surface) !important;
  color: var(--a11y-dark-text) !important;
}

/* Alerts dentro del wizard */
html.a11y-dark-mode .forms-client-wizard .alert {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-border) !important;
}

/* Container XL */
html.a11y-dark-mode .forms-client-wizard .container-xl {
  background-color: transparent !important;
}

/* Parallax banner - oscurecer */
html.a11y-dark-mode .parallax-banner {
  -webkit-filter: brightness(0.6) !important;
          filter: brightness(0.6) !important;
}

/* Copyright footer */
html.a11y-dark-mode footer,
html.a11y-dark-mode .copyright-footer {
  background-color: var(--a11y-dark-surface) !important;
  color: var(--a11y-dark-text-secondary) !important;
}

/* === CATEGORY PILLS - Elegantes con bordes sutiles === */
html.a11y-dark-mode .category-pills-container-modern {
  background-color: transparent !important;
}

/* Pills principales - estilo elegante */
html.a11y-dark-mode .category-pill-btn,
html.a11y-dark-mode .modern-pill,
html.a11y-dark-mode .category-pill-btn.modern-pill,
html.a11y-dark-mode .forms-client-wizard .modern-pill,
html.a11y-dark-mode .forms-client-wizard .category-pill-btn,
html.a11y-dark-mode button.modern-pill,
html.a11y-dark-mode button.category-pill-btn {
  background: var(--a11y-dark-surface) !important;
  background-color: var(--a11y-dark-surface) !important;
  background-image: none !important;
  color: var(--a11y-dark-text-secondary) !important;
  border: 1px solid var(--a11y-dark-border-light) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  -webkit-transition: all 0.2s ease !important;
  transition: all 0.2s ease !important;
}

html.a11y-dark-mode .category-pill-btn:hover,
html.a11y-dark-mode .modern-pill:hover,
html.a11y-dark-mode button.modern-pill:hover {
  background: var(--a11y-dark-surface-2) !important;
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .category-pill-btn.active,
html.a11y-dark-mode .modern-pill.active,
html.a11y-dark-mode button.modern-pill.active,
html.a11y-dark-mode .forms-client-wizard .modern-pill.active {
  background: var(--a11y-dark-primary) !important;
  background-color: var(--a11y-dark-primary) !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: var(--a11y-dark-primary) !important;
  -webkit-box-shadow: 0 0 0 3px var(--a11y-dark-primary-soft) !important;
          box-shadow: 0 0 0 3px var(--a11y-dark-primary-soft) !important;
}

html.a11y-dark-mode .modern-pill.expanded,
html.a11y-dark-mode button.modern-pill.expanded {
  background: var(--a11y-dark-surface-3) !important;
  background-color: var(--a11y-dark-surface-3) !important;
  color: #a78bfa !important;
  border-color: var(--a11y-dark-primary) !important;
}

html.a11y-dark-mode .subcategories-container {
  background: var(--a11y-dark-surface) !important;
  background-color: var(--a11y-dark-surface) !important;
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .subcategory-pill-btn,
html.a11y-dark-mode button.subcategory-pill-btn,
html.a11y-dark-mode .forms-client-wizard .subcategory-pill-btn {
  background: var(--a11y-dark-surface-2) !important;
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-border) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.a11y-dark-mode .subcategory-pill-btn:hover,
html.a11y-dark-mode button.subcategory-pill-btn:hover {
  background: var(--a11y-dark-surface-3) !important;
  background-color: var(--a11y-dark-surface-3) !important;
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .subcategory-pill-btn.active,
html.a11y-dark-mode button.subcategory-pill-btn.active {
  background: var(--a11y-dark-primary) !important;
  background-color: var(--a11y-dark-primary) !important;
  color: #ffffff !important;
}

html.a11y-dark-mode .pill-label,
html.a11y-dark-mode .pill-icon,
html.a11y-dark-mode .pill-chevron,
html.a11y-dark-mode .pill-check,
html.a11y-dark-mode .sub-label,
html.a11y-dark-mode .sub-icon,
html.a11y-dark-mode .sub-check {
  color: inherit !important;
}

/* === COVERFLOW / DOCK CARDS === */
html.a11y-dark-mode .macos-dock-container {
  background-color: transparent !important;
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .wgh-slider-item {
  background-color: var(--a11y-dark-surface) !important;
  background-image: none !important;
  background: var(--a11y-dark-surface) !important;
  border-color: var(--a11y-dark-border) !important;
  color: var(--a11y-dark-text) !important;
}

/* DOCK ITEM - Elegante con bordes sutiles */
html.a11y-dark-mode .dock-item,
html.a11y-dark-mode .forms-client-wizard .dock-item,
html.a11y-dark-mode .macos-dock-container .dock-item,
html.a11y-dark-mode .wgh-slider .dock-item {
  background: var(--a11y-dark-card) !important;
  background-color: var(--a11y-dark-card) !important;
  background-image: none !important;
  border: 1px solid var(--a11y-dark-border-light) !important;
  color: var(--a11y-dark-text) !important;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
  -webkit-transition: all 0.2s ease !important;
  transition: all 0.2s ease !important;
}

html.a11y-dark-mode .dock-item:hover,
html.a11y-dark-mode .forms-client-wizard .dock-item:hover {
  background: var(--a11y-dark-card-hover) !important;
  background-color: var(--a11y-dark-card-hover) !important;
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .dock-item.completed,
html.a11y-dark-mode .forms-client-wizard .dock-item.completed {
  background: var(--a11y-dark-card) !important;
  background-color: var(--a11y-dark-card) !important;
  background-image: none !important;
  border-color: var(--a11y-dark-success) !important;
  -webkit-box-shadow: 0 0 0 1px var(--a11y-dark-success), 0 4px 16px rgba(34, 197, 94, 0.15) !important;
          box-shadow: 0 0 0 1px var(--a11y-dark-success), 0 4px 16px rgba(34, 197, 94, 0.15) !important;
}

html.a11y-dark-mode .dock-item.has-pending,
html.a11y-dark-mode .forms-client-wizard .dock-item.has-pending {
  background: var(--a11y-dark-card) !important;
  background-color: var(--a11y-dark-card) !important;
  background-image: none !important;
  border-color: var(--a11y-dark-warning) !important;
  -webkit-box-shadow: 0 0 0 1px var(--a11y-dark-warning), 0 4px 16px rgba(255, 202, 0, 0.15) !important;
          box-shadow: 0 0 0 1px var(--a11y-dark-warning), 0 4px 16px rgba(255, 202, 0, 0.15) !important;
}

html.a11y-dark-mode .dock-item.selected,
html.a11y-dark-mode .forms-client-wizard .dock-item.selected {
  background: var(--a11y-dark-card-hover) !important;
  background-color: var(--a11y-dark-card-hover) !important;
  background-image: none !important;
  border-color: var(--a11y-dark-primary) !important;
  -webkit-box-shadow: 0 0 0 2px var(--a11y-dark-primary), 0 8px 24px rgba(124, 58, 237, 0.25) !important;
          box-shadow: 0 0 0 2px var(--a11y-dark-primary), 0 8px 24px rgba(124, 58, 237, 0.25) !important;
}

html.a11y-dark-mode .dock-badge {
  background-color: var(--a11y-dark-primary) !important;
  color: #ffffff !important;
}

html.a11y-dark-mode .dock-link-badge,
html.a11y-dark-mode .dock-download-badge,
html.a11y-dark-mode .dock-eye-badge {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .wgh-slider-item__inner {
  background-color: var(--a11y-dark-surface) !important;
}

/* Coverflow preview thumbnail */
html.a11y-dark-mode .dock-item .preview-thumbnail,
html.a11y-dark-mode .dock-item .thumbnail-preview {
  background-color: var(--a11y-dark-surface-2) !important;
}

/* Título del coverflow card */
html.a11y-dark-mode .coverflow-title,
html.a11y-dark-mode .dock-item-title,
html.a11y-dark-mode .dock-title,
html.a11y-dark-mode .wgh-slider-item .item-title,
html.a11y-dark-mode .dock-item .dock-title {
  color: var(--a11y-dark-text) !important;
  background-color: transparent !important;
  background: transparent !important;
}

/* Textos dentro del dock item */
html.a11y-dark-mode .dock-item span,
html.a11y-dark-mode .dock-item p,
html.a11y-dark-mode .dock-item div,
html.a11y-dark-mode .dock-item i {
  color: var(--a11y-dark-text) !important;
}

/* Coverflow navigation buttons */
html.a11y-dark-mode .coverflow-nav {
  color: var(--a11y-dark-text) !important;
}

/* === HINTS Y ALERTAS CONTEXTUALES === */
html.a11y-dark-mode .contextual-hint,
html.a11y-dark-mode .hint-box,
html.a11y-dark-mode .hint-message,
html.a11y-dark-mode .drag-overlay-hint {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-border) !important;
}

/* Form hints - texto de ayuda bajo inputs */
html.a11y-dark-mode .form-hint,
html.a11y-dark-mode .form-text,
html.a11y-dark-mode .field-hint,
html.a11y-dark-mode .editor-hint,
html.a11y-dark-mode .voucher-hint,
html.a11y-dark-mode .search-modal-hint,
html.a11y-dark-mode .zoom-hint,
html.a11y-dark-mode small.form-text,
html.a11y-dark-mode small.form-hint {
  color: var(--a11y-dark-text-secondary) !important;
  background-color: transparent !important;
}

/* Hints con fondo */
html.a11y-dark-mode .hint-with-bg,
html.a11y-dark-mode .hint-card,
html.a11y-dark-mode .dock-drag-hint {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
  border: 1px solid var(--a11y-dark-border-light) !important;
}

html.a11y-dark-mode .alert-warning,
html.a11y-dark-mode .warning-hint {
  background-color: rgba(245, 158, 11, 0.15) !important;
  color: var(--a11y-dark-warning) !important;
  border-color: var(--a11y-dark-warning) !important;
}

html.a11y-dark-mode .alert-info,
html.a11y-dark-mode .info-hint {
  background-color: rgba(59, 130, 246, 0.15) !important;
  color: #60a5fa !important;
  border-color: #3b82f6 !important;
}

/* Icono de hint (clipboard) */
html.a11y-dark-mode .ti-clipboard,
html.a11y-dark-mode .hint-icon {
  color: var(--a11y-dark-text-secondary) !important;
}

/* Progress indicator */
html.a11y-dark-mode .progress-indicator-wrapper,
html.a11y-dark-mode .progress-wrapper {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .progress-bar {
  background-color: var(--a11y-dark-primary) !important;
}

/* === BOTÓN VER DETALLES === */
html.a11y-dark-mode .btn-outline-primary {
  background-color: transparent !important;
  color: #a78bfa !important;
  border-color: #a78bfa !important;
}

html.a11y-dark-mode .btn-outline-primary:hover {
  background-color: var(--a11y-dark-primary) !important;
  color: #ffffff !important;
}

/* === TIMELINE/STEPPER - Elegante sin degradados === */
html.a11y-dark-mode .wizard-timeline,
html.a11y-dark-mode .timeline-container,
html.a11y-dark-mode .stepper-wrapper {
  background-color: transparent !important;
}

html.a11y-dark-mode .timeline-step,
html.a11y-dark-mode .stepper-step {
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .timeline-connector,
html.a11y-dark-mode .stepper-connector {
  background-color: var(--a11y-dark-border) !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

/* Step circles - FLAT, sin degradados */
html.a11y-dark-mode .step-circle {
  background: var(--a11y-dark-surface-2) !important;
  background-image: none !important;
  border: 2px solid var(--a11y-dark-border) !important;
  color: var(--a11y-dark-text-secondary) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.a11y-dark-mode .step-circle::before,
html.a11y-dark-mode .step-circle::after {
  display: none !important;
}

html.a11y-dark-mode .timeline-step.completed .step-circle {
  background: var(--a11y-dark-warning) !important;
  background-image: none !important;
  border-color: var(--a11y-dark-warning) !important;
  color: #1a1a1a !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

html.a11y-dark-mode .timeline-step.active .step-circle {
  background: var(--a11y-dark-primary) !important;
  background-image: none !important;
  border-color: var(--a11y-dark-primary) !important;
  color: #ffffff !important;
  -webkit-box-shadow: 0 0 0 3px var(--a11y-dark-primary-soft) !important;
          box-shadow: 0 0 0 3px var(--a11y-dark-primary-soft) !important;
}

html.a11y-dark-mode .timeline-step.pending .step-circle {
  background: var(--a11y-dark-surface-2) !important;
  background-image: none !important;
  border-color: var(--a11y-dark-border) !important;
  color: var(--a11y-dark-text-secondary) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

/* Step labels */
html.a11y-dark-mode .step-label {
  color: var(--a11y-dark-text-secondary) !important;
  text-shadow: none !important;
}

html.a11y-dark-mode .timeline-step.completed .step-label {
  color: var(--a11y-dark-warning) !important;
  text-shadow: none !important;
}

html.a11y-dark-mode .timeline-step.active .step-label {
  color: var(--a11y-dark-text) !important;
  text-shadow: none !important;
}

/* Timeline connectors - flat line */
html.a11y-dark-mode .timeline-connector.completed {
  background: var(--a11y-dark-warning) !important;
  background-image: none !important;
  -webkit-animation: none !important;
          animation: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

/* === VISTA TIMELINE PÚBLICA (Tracking de solicitud) === */
html.a11y-dark-mode .timeline::before,
html.a11y-dark-mode .timeline:before {
  background-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .timeline-item {
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .timeline-content {
  background-color: transparent !important;
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .timeline-item.active .timeline-content {
  background-color: var(--a11y-dark-primary-soft) !important;
  border: 1px solid var(--a11y-dark-border-light) !important;
}

html.a11y-dark-mode .timeline-title {
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .timeline-body,
html.a11y-dark-mode .timeline-body p {
  color: var(--a11y-dark-text-secondary) !important;
}

html.a11y-dark-mode .timeline-footer {
  color: var(--a11y-dark-text-secondary) !important;
}

html.a11y-dark-mode .timeline-badge.bg-gray {
  background-color: var(--a11y-dark-surface-3) !important;
  color: var(--a11y-dark-text-secondary) !important;
}

/* Empty state */
html.a11y-dark-mode .empty,
html.a11y-dark-mode .empty-title,
html.a11y-dark-mode .empty-subtitle {
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .empty-subtitle.text-muted {
  color: var(--a11y-dark-text-secondary) !important;
}

/* Avatar backgrounds */
html.a11y-dark-mode .avatar.bg-primary-lt {
  background-color: var(--a11y-dark-primary-soft) !important;
  color: var(--a11y-dark-primary) !important;
}

html.a11y-dark-mode .avatar.bg-success-lt {
  background-color: rgba(34, 197, 94, 0.15) !important;
  color: var(--a11y-dark-success) !important;
}

/* Badge lt variants */
html.a11y-dark-mode .badge.bg-blue-lt,
html.a11y-dark-mode .badge.bg-primary-lt {
  background-color: var(--a11y-dark-primary-soft) !important;
  color: var(--a11y-dark-primary) !important;
}

html.a11y-dark-mode .badge.bg-success-lt {
  background-color: rgba(34, 197, 94, 0.15) !important;
  color: var(--a11y-dark-success) !important;
}

html.a11y-dark-mode .badge.bg-gray-lt {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text-secondary) !important;
}

/* === SECCIÓN PEP (Personas Expuestas Políticamente) === */
html.a11y-dark-mode .pep-container,
html.a11y-dark-mode .forms-client-wizard .pep-container {
  background: var(--a11y-dark-surface-2) !important;
  background-color: var(--a11y-dark-surface-2) !important;
  background-image: none !important;
}

html.a11y-dark-mode .pep-card,
html.a11y-dark-mode .pep-card-simple,
html.a11y-dark-mode .forms-client-wizard .pep-card {
  background: var(--a11y-dark-surface) !important;
  background-color: var(--a11y-dark-surface) !important;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

html.a11y-dark-mode .pep-card .bg,
html.a11y-dark-mode .pep-card-simple .bg {
  background: transparent !important;
  outline-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .pep-card .card-content,
html.a11y-dark-mode .pep-card .pep-question,
html.a11y-dark-mode .pep-card h6,
html.a11y-dark-mode .pep-card label {
  color: var(--a11y-dark-text) !important;
}

html.a11y-dark-mode .pep-question i {
  color: #a78bfa !important;
}

/* Toggle switches en PEP */
html.a11y-dark-mode .toggle-wrapper,
html.a11y-dark-mode .forms-client-wizard .toggle-wrapper {
  background: var(--a11y-dark-surface-3) !important;
  background-color: var(--a11y-dark-surface-3) !important;
  background-image: none !important;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3) !important;
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

html.a11y-dark-mode .toggle-container,
html.a11y-dark-mode .toggle-button {
  background: var(--a11y-dark-surface-2) !important;
  background-color: var(--a11y-dark-surface-2) !important;
  background-image: none !important;
}

html.a11y-dark-mode .toggle-button-circle {
  background: var(--a11y-dark-text-secondary) !important;
}

html.a11y-dark-mode .toggle-checkbox:checked + .toggle-container,
html.a11y-dark-mode .toggle-checkbox:checked ~ .toggle-container {
  background: var(--a11y-dark-primary) !important;
}

/* Campos adicionales PEP cuando están activos */
html.a11y-dark-mode .pep-card .form-control,
html.a11y-dark-mode .pep-card .form-select,
html.a11y-dark-mode .pep-card input,
html.a11y-dark-mode .pep-card select {
  background-color: var(--a11y-dark-surface-2) !important;
  color: var(--a11y-dark-text) !important;
  border-color: var(--a11y-dark-border) !important;
}

/* Info button PEP */
html.a11y-dark-mode .btn-link.text-muted {
  color: var(--a11y-dark-text-secondary) !important;
}

/* === FORM STEP 2 (Datos) - Card principal === */
html.a11y-dark-mode .step-content .card,
html.a11y-dark-mode .forms-client-wizard .step-content .card,
html.a11y-dark-mode .forms-client-wizard .card,
html.a11y-dark-mode .forms-client-wizard .card.border-0,
html.a11y-dark-mode .forms-client-wizard .card.shadow-sm,
html.a11y-dark-mode .forms-client-wizard div.card,
html.a11y-dark-mode .container-xl .card {
  background: var(--a11y-dark-surface) !important;
  background-color: var(--a11y-dark-surface) !important;
  border-color: var(--a11y-dark-border) !important;
}

html.a11y-dark-mode .step-content .card-body,
html.a11y-dark-mode .forms-client-wizard .card-body,
html.a11y-dark-mode .forms-client-wizard .card .card-body,
html.a11y-dark-mode .container-xl .card-body {
  background: var(--a11y-dark-surface) !important;
  background-color: var(--a11y-dark-surface) !important;
}

/* Row dentro del card */
html.a11y-dark-mode .forms-client-wizard .card .row,
html.a11y-dark-mode .forms-client-wizard .card-body .row {
  background: transparent !important;
}

/* Labels y textos del formulario */
html.a11y-dark-mode .step-content .form-label,
html.a11y-dark-mode .step-content label,
html.a11y-dark-mode .step-content h5,
html.a11y-dark-mode .step-content h6,
html.a11y-dark-mode .forms-client-wizard .form-label,
html.a11y-dark-mode .forms-client-wizard label,
html.a11y-dark-mode .forms-client-wizard h5,
html.a11y-dark-mode .forms-client-wizard h6 {
  color: var(--a11y-dark-text) !important;
}

/* Texto "Datos del comercio" y similares */
html.a11y-dark-mode .forms-client-wizard h5.text-primary {
  color: #a78bfa !important;
}

/* Texto "Información adicional" */
html.a11y-dark-mode .step-content h6[style*="color: #495057"],
html.a11y-dark-mode .forms-client-wizard h6[style] {
  color: var(--a11y-dark-text) !important;
}

/* Columnas del formulario */
html.a11y-dark-mode .forms-client-wizard .col-lg-6,
html.a11y-dark-mode .forms-client-wizard .col-md-6,
html.a11y-dark-mode .forms-client-wizard .col-md-7,
html.a11y-dark-mode .forms-client-wizard .col-md-5,
html.a11y-dark-mode .forms-client-wizard .col-12 {
  background: transparent !important;
}

/* Alert box "Formulario en proceso" */
html.a11y-dark-mode .forms-client-wizard .alert-info,
html.a11y-dark-mode .forms-client-wizard .alert {
  background-color: rgba(59, 130, 246, 0.15) !important;
  color: var(--a11y-dark-text) !important;
  border-color: #3b82f6 !important;
}

html.a11y-dark-mode .forms-client-wizard .alert i {
  color: #60a5fa !important;
}

html.a11y-dark-mode .forms-client-wizard .alert .text-muted {
  color: var(--a11y-dark-text-secondary) !important;
}

/* ============================================
   DALTONISMO - Filtros CSS reales
   ============================================ */

/* DEUTERANOPIA (dificultad con verde) */
html.a11y-deuteranopia {
  -webkit-filter: sepia(0.5) saturate(1.5) hue-rotate(-30deg) !important;
          filter: sepia(0.5) saturate(1.5) hue-rotate(-30deg) !important;
}

html.a11y-deuteranopia .text-success,
html.a11y-deuteranopia .bg-success,
html.a11y-deuteranopia .btn-success,
html.a11y-deuteranopia .badge-success {
  -webkit-filter: hue-rotate(90deg) !important;
          filter: hue-rotate(90deg) !important;
}

html.a11y-deuteranopia .text-danger,
html.a11y-deuteranopia .bg-danger,
html.a11y-deuteranopia .btn-danger,
html.a11y-deuteranopia .badge-danger {
  -webkit-filter: hue-rotate(-30deg) saturate(2) !important;
          filter: hue-rotate(-30deg) saturate(2) !important;
}

/* PROTANOPIA (dificultad con rojo) */
html.a11y-protanopia {
  -webkit-filter: sepia(0.3) saturate(1.3) hue-rotate(20deg) !important;
          filter: sepia(0.3) saturate(1.3) hue-rotate(20deg) !important;
}

html.a11y-protanopia .text-danger,
html.a11y-protanopia .bg-danger,
html.a11y-protanopia .btn-danger,
html.a11y-protanopia .badge-danger {
  -webkit-filter: hue-rotate(50deg) saturate(2) !important;
          filter: hue-rotate(50deg) saturate(2) !important;
}

/* TRITANOPIA (dificultad con azul) */
html.a11y-tritanopia {
  -webkit-filter: sepia(0.4) saturate(1.4) hue-rotate(-50deg) !important;
          filter: sepia(0.4) saturate(1.4) hue-rotate(-50deg) !important;
}

html.a11y-tritanopia .text-primary,
html.a11y-tritanopia .bg-primary,
html.a11y-tritanopia .btn-primary,
html.a11y-tritanopia .badge-primary {
  -webkit-filter: hue-rotate(60deg) saturate(1.5) !important;
          filter: hue-rotate(60deg) saturate(1.5) !important;
}

/* Excluir imágenes de filtros de daltonismo */
html.a11y-deuteranopia img,
html.a11y-protanopia img,
html.a11y-tritanopia img {
  -webkit-filter: none !important;
          filter: none !important;
}

/* ============================================
   ÁREAS DE CLICK GRANDES (WCAG 2.5.5)
   ============================================ */
.a11y-larger-targets .btn,
.a11y-larger-targets a:not(.wgh-slider-item):not(.dock-item),
.a11y-larger-targets [role="button"]:not(.wgh-slider-item):not(.dock-item),
.a11y-larger-targets input[type="checkbox"],
.a11y-larger-targets input[type="radio"],
.a11y-larger-targets .form-check-input {
  min-width: 44px !important;
  min-height: 44px !important;
}

/* Excluir coverflow y dock de targets grandes */
.a11y-larger-targets .dock-item,
.a11y-larger-targets .wgh-slider-item {
  min-width: unset !important;
  min-height: unset !important;
}

.a11y-larger-targets .btn {
  padding: 0.75rem 1.5rem !important;
}

.a11y-larger-targets .btn-sm {
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0.5rem 1rem !important;
}

.a11y-larger-targets .form-check {
  padding-left: 2.5rem !important;
  min-height: 44px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.a11y-larger-targets .form-check-input {
  width: 24px !important;
  height: 24px !important;
  margin-left: -2.5rem !important;
}

.a11y-larger-targets .nav-link {
  padding: 1rem 1.5rem !important;
}

/* Media query para targets en móvil */
@media (max-width: 480px) {
  .a11y-larger-targets .btn {
    min-width: 40px !important;
    min-height: 40px !important;
  }
}

/* ============================================
   NAVEGACIÓN POR TECLADO
   ============================================ */
.a11y-keyboard-nav *:focus {
  outline: 3px solid #A78BFA !important;
  outline-offset: 2px !important;
}

.a11y-keyboard-nav .skip-link {
  position: absolute;
  top: -100px;
  left: 0;
  background: #000;
  color: #fff;
  padding: 1rem;
  z-index: 100000;
  -webkit-transition: top 0.3s;
  transition: top 0.3s;
}

.a11y-keyboard-nav .skip-link:focus {
  top: 0;
}

/* ============================================
   FOCUS PERMANENTE (STICKY)
   ============================================ */
.a11y-sticky-focus *:focus {
  outline: 4px solid #ff6b35 !important;
  outline-offset: 4px !important;
  -webkit-box-shadow: 0 0 0 8px rgba(255, 107, 53, 0.3) !important;
          box-shadow: 0 0 0 8px rgba(255, 107, 53, 0.3) !important;
}

.a11y-sticky-focus .btn:focus,
.a11y-sticky-focus .form-control:focus,
.a11y-sticky-focus .form-select:focus {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

/* ============================================
   INTERFAZ SIMPLIFICADA
   ============================================ */
/* Solo ocultar elementos puramente decorativos, NO estructurales */
.a11y-simplified .decorative,
.a11y-simplified .fancy-bg,
.a11y-simplified .pattern-bg,
.a11y-simplified .gradient-bg,
.a11y-simplified [aria-hidden="true"]:not(.ti):not(.fluid-background):not(.parallax-banner),
.a11y-simplified .animated-background {
  display: none !important;
}

/* Mantener visible el banner y fondo fluido pero simplificarlos */
.a11y-simplified .fluid-background,
.a11y-simplified .parallax-banner {
  background: #1a1a2e !important;
  -webkit-animation: none !important;
          animation: none !important;
}

.a11y-simplified .card {
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 2px solid #333 !important;
}

.a11y-simplified .btn {
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.a11y-simplified body {
  background-image: none !important;
  background-color: #ffffff !important;
}

/* ============================================
   GUÍA DE LECTURA
   ============================================ */
.a11y-reading-guide {
  cursor: crosshair;
}

.a11y-reading-guide p:hover,
.a11y-reading-guide li:hover,
.a11y-reading-guide label:hover,
.a11y-reading-guide span:hover {
  background-color: rgba(255, 255, 0, 0.3) !important;
  outline: 2px dashed #ffc107 !important;
}

/* ============================================
   RESALTAR ENFOQUE
   ============================================ */
.a11y-focus-highlight *:focus {
  position: relative;
  z-index: 1000;
}

.a11y-focus-highlight *:focus::before {
  content: '';
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  background: rgba(0, 102, 204, 0.1);
  border: 3px dashed #0066cc;
  border-radius: 8px;
  z-index: -1;
  -webkit-animation: a11y-pulse 1.5s infinite;
          animation: a11y-pulse 1.5s infinite;
}

@-webkit-keyframes a11y-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

@keyframes a11y-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

/* ============================================
   OPTIMIZADO PARA SCREEN READER (AUDITIVA)
   ============================================ */

/* Show focusable sr-only elements when focused */
.a11y-screen-reader .sr-only-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  padding: 0.5rem 1rem !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

/* Clase para contenido solo para screen readers */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Screen reader mode - show hidden descriptions */
html.a11y-screen-reader [aria-describedby],
html.a11y-screen-reader [aria-label] {
  position: relative;
}

/* Add visible labels for screen reader mode */
html.a11y-screen-reader .form-control::before,
html.a11y-screen-reader .form-select::before {
  content: attr(aria-label);
  display: block;
  font-size: 0.75rem;
  color: #666;
  margin-bottom: 0.25rem;
}

/* Skip links - more prominent in screen reader mode */
html.a11y-screen-reader .skip-link {
  position: absolute;
  top: -100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #5F249F;
  color: white;
  padding: 1rem 2rem;
  border-radius: 0 0 8px 8px;
  z-index: 9999;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: top 0.3s;
  transition: top 0.3s;
}

html.a11y-screen-reader .skip-link:focus {
  top: 0;
}

/* Enhanced focus indicators for screen reader users */
html.a11y-screen-reader *:focus {
  outline: 3px solid #5F249F !important;
  outline-offset: 3px !important;
}

/* Show step descriptions for screen readers */
html.a11y-screen-reader .wizard-step::after {
  content: attr(aria-label);
  display: block;
  font-size: 0.8rem;
  color: #666;
  margin-top: 0.5rem;
}

/* Add landmarks indicators */
html.a11y-screen-reader [role="main"]::before,
html.a11y-screen-reader [role="navigation"]::before,
html.a11y-screen-reader [role="complementary"]::before {
  content: attr(role) ": " attr(aria-label);
  display: block;
  font-size: 0.7rem;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
  padding: 0.25rem 0.5rem;
  background: rgba(95, 36, 159, 0.1);
  border-radius: 4px;
}

/* Form field status indicators */
html.a11y-screen-reader .form-control[aria-invalid="true"],
html.a11y-screen-reader .form-select[aria-invalid="true"] {
  border-left: 4px solid #dc3545 !important;
}

html.a11y-screen-reader .form-control[aria-invalid="false"],
html.a11y-screen-reader .form-select[aria-invalid="false"] {
  border-left: 4px solid #28a745 !important;
}

/* Progress announcements */
html.a11y-screen-reader .progress[aria-valuenow]::after {
  content: attr(aria-valuenow) "% completado";
  display: block;
  text-align: center;
  font-size: 0.875rem;
  font-weight: bold;
  margin-top: 0.5rem;
}

/* Button state indicators */
html.a11y-screen-reader button[aria-pressed="true"],
html.a11y-screen-reader [role="button"][aria-pressed="true"] {
  border: 3px solid #5F249F !important;
}

html.a11y-screen-reader button[aria-expanded="true"],
html.a11y-screen-reader [role="button"][aria-expanded="true"] {
  background-color: rgba(95, 36, 159, 0.1) !important;
}

/* Loading state indicator */
html.a11y-screen-reader [aria-busy="true"]::before {
  content: "Cargando...";
  display: block;
  text-align: center;
  padding: 1rem;
  font-weight: bold;
  color: #5F249F;
  -webkit-animation: pulse 1.5s infinite;
          animation: pulse 1.5s infinite;
}

/* Required field indicators */
html.a11y-screen-reader [aria-required="true"]::after {
  content: " (obligatorio)";
  color: #dc3545;
  font-size: 0.8rem;
}

/* ============================================
   ALERTAS VISUALES (AUDITIVA)
   ============================================ */

/* Flash animation for visual alerts */
@-webkit-keyframes a11y-flash {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes a11y-flash {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

/* Strong attention animation */
@-webkit-keyframes a11y-attention {
  0%, 100% { -webkit-transform: scale(1); transform: scale(1); }
  25% { -webkit-transform: scale(1.02); transform: scale(1.02); }
  50% { -webkit-transform: scale(1); transform: scale(1); }
  75% { -webkit-transform: scale(1.02); transform: scale(1.02); }
}
@keyframes a11y-attention {
  0%, 100% { -webkit-transform: scale(1); transform: scale(1); }
  25% { -webkit-transform: scale(1.02); transform: scale(1.02); }
  50% { -webkit-transform: scale(1); transform: scale(1); }
  75% { -webkit-transform: scale(1.02); transform: scale(1.02); }
}

/* Pulsing border for alerts */
@-webkit-keyframes a11y-pulse-border {
  0%, 100% {
    -webkit-box-shadow: 0 0 0 0 rgba(95, 36, 159, 0.7);
            box-shadow: 0 0 0 0 rgba(95, 36, 159, 0.7);
  }
  50% {
    -webkit-box-shadow: 0 0 0 10px rgba(95, 36, 159, 0);
            box-shadow: 0 0 0 10px rgba(95, 36, 159, 0);
  }
}
@keyframes a11y-pulse-border {
  0%, 100% {
    -webkit-box-shadow: 0 0 0 0 rgba(95, 36, 159, 0.7);
            box-shadow: 0 0 0 0 rgba(95, 36, 159, 0.7);
  }
  50% {
    -webkit-box-shadow: 0 0 0 10px rgba(95, 36, 159, 0);
            box-shadow: 0 0 0 10px rgba(95, 36, 159, 0);
  }
}

/* Screen flash for important notifications */
@-webkit-keyframes a11y-screen-flash {
  0%, 100% { background-color: transparent; }
  50% { background-color: rgba(255, 255, 0, 0.3); }
}
@keyframes a11y-screen-flash {
  0%, 100% { background-color: transparent; }
  50% { background-color: rgba(255, 255, 0, 0.3); }
}

/* Visual alerts mode - enhanced notification visibility */
html.a11y-visual-alerts .toast,
html.a11y-visual-alerts .alert {
  -webkit-animation: a11y-attention 0.5s ease-in-out;
          animation: a11y-attention 0.5s ease-in-out;
  border-width: 3px !important;
}

html.a11y-visual-alerts .toast-success,
html.a11y-visual-alerts .alert-success {
  -webkit-animation: a11y-attention 0.5s ease-in-out, a11y-pulse-border 1s ease-in-out 2;
          animation: a11y-attention 0.5s ease-in-out, a11y-pulse-border 1s ease-in-out 2;
  border-color: #28a745 !important;
  -webkit-box-shadow: 0 0 20px rgba(40, 167, 69, 0.5) !important;
          box-shadow: 0 0 20px rgba(40, 167, 69, 0.5) !important;
}

html.a11y-visual-alerts .toast-error,
html.a11y-visual-alerts .alert-danger {
  -webkit-animation: a11y-attention 0.5s ease-in-out, a11y-pulse-border 1s ease-in-out 3;
          animation: a11y-attention 0.5s ease-in-out, a11y-pulse-border 1s ease-in-out 3;
  border-color: #dc3545 !important;
  -webkit-box-shadow: 0 0 20px rgba(220, 53, 69, 0.5) !important;
          box-shadow: 0 0 20px rgba(220, 53, 69, 0.5) !important;
}

html.a11y-visual-alerts .toast-warning,
html.a11y-visual-alerts .alert-warning {
  -webkit-animation: a11y-attention 0.5s ease-in-out, a11y-pulse-border 1s ease-in-out 2;
          animation: a11y-attention 0.5s ease-in-out, a11y-pulse-border 1s ease-in-out 2;
  border-color: #ffc107 !important;
  -webkit-box-shadow: 0 0 20px rgba(255, 193, 7, 0.5) !important;
          box-shadow: 0 0 20px rgba(255, 193, 7, 0.5) !important;
}

/* Visual feedback for form submissions */
html.a11y-visual-alerts form[data-submitting="true"] {
  -webkit-animation: a11y-pulse-border 1s infinite;
          animation: a11y-pulse-border 1s infinite;
  border: 2px solid #5F249F;
  border-radius: 8px;
}

/* Visual indicator for loading states */
html.a11y-visual-alerts .loading,
html.a11y-visual-alerts [data-loading="true"],
html.a11y-visual-alerts .is-loading {
  position: relative;
}

html.a11y-visual-alerts .loading::after,
html.a11y-visual-alerts [data-loading="true"]::after,
html.a11y-visual-alerts .is-loading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: repeating-linear-gradient(
    45deg,
    rgba(95, 36, 159, 0.1),
    rgba(95, 36, 159, 0.1) 10px,
    rgba(95, 36, 159, 0.2) 10px,
    rgba(95, 36, 159, 0.2) 20px
  );
  -webkit-animation: a11y-loading-stripes 1s linear infinite;
          animation: a11y-loading-stripes 1s linear infinite;
  pointer-events: none;
  border-radius: inherit;
}

@-webkit-keyframes a11y-loading-stripes {
  0% { background-position: 0 0; }
  100% { background-position: 40px 0; }
}

@keyframes a11y-loading-stripes {
  0% { background-position: 0 0; }
  100% { background-position: 40px 0; }
}

/* Visual flash element for notifications (injected by JS) */
.a11y-visual-flash {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 0, 0.3);
  z-index: 999999;
  pointer-events: none;
  -webkit-animation: a11y-flash 0.3s ease-out forwards;
          animation: a11y-flash 0.3s ease-out forwards;
}

.a11y-visual-flash.success {
  background: rgba(40, 167, 69, 0.3);
}

.a11y-visual-flash.error {
  background: rgba(220, 53, 69, 0.3);
}

.a11y-visual-flash.warning {
  background: rgba(255, 193, 7, 0.3);
}

/* Button click visual feedback */
html.a11y-visual-alerts button:active,
html.a11y-visual-alerts .btn:active {
  -webkit-animation: a11y-button-press 0.2s ease-out;
          animation: a11y-button-press 0.2s ease-out;
}

@-webkit-keyframes a11y-button-press {
  0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(0.95); transform: scale(0.95); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes a11y-button-press {
  0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(0.95); transform: scale(0.95); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}

/* Upload progress visual indicator */
html.a11y-visual-alerts .upload-progress {
  border: 3px solid #5F249F;
  -webkit-animation: a11y-pulse-border 1s infinite;
          animation: a11y-pulse-border 1s infinite;
}

/* Completion celebration visual */
html.a11y-visual-alerts .completed,
html.a11y-visual-alerts .success-state {
  -webkit-animation: a11y-celebrate 0.5s ease-out;
          animation: a11y-celebrate 0.5s ease-out;
}

@-webkit-keyframes a11y-celebrate {
  0% { -webkit-transform: scale(1); transform: scale(1); }
  25% { -webkit-transform: scale(1.05); transform: scale(1.05); }
  50% { -webkit-transform: scale(1); transform: scale(1); }
  75% { -webkit-transform: scale(1.02); transform: scale(1.02); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes a11y-celebrate {
  0% { -webkit-transform: scale(1); transform: scale(1); }
  25% { -webkit-transform: scale(1.05); transform: scale(1.05); }
  50% { -webkit-transform: scale(1); transform: scale(1); }
  75% { -webkit-transform: scale(1.02); transform: scale(1.02); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}

/* Error shake animation */
html.a11y-visual-alerts .error,
html.a11y-visual-alerts .has-error,
html.a11y-visual-alerts [aria-invalid="true"] {
  -webkit-animation: a11y-shake 0.5s ease-out;
          animation: a11y-shake 0.5s ease-out;
}

@-webkit-keyframes a11y-shake {
  0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); }
  20% { -webkit-transform: translateX(-5px); transform: translateX(-5px); }
  40% { -webkit-transform: translateX(5px); transform: translateX(5px); }
  60% { -webkit-transform: translateX(-5px); transform: translateX(-5px); }
  80% { -webkit-transform: translateX(5px); transform: translateX(5px); }
}

@keyframes a11y-shake {
  0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); }
  20% { -webkit-transform: translateX(-5px); transform: translateX(-5px); }
  40% { -webkit-transform: translateX(5px); transform: translateX(5px); }
  60% { -webkit-transform: translateX(-5px); transform: translateX(-5px); }
  80% { -webkit-transform: translateX(5px); transform: translateX(5px); }
}

/* Focus ring with animation for visual alerts */
html.a11y-visual-alerts *:focus {
  -webkit-animation: a11y-focus-ring 0.3s ease-out;
          animation: a11y-focus-ring 0.3s ease-out;
}

@-webkit-keyframes a11y-focus-ring {
  0% {
    outline-offset: 0;
    outline-color: rgba(95, 36, 159, 0);
  }
  100% {
    outline-offset: 3px;
    outline-color: rgba(95, 36, 159, 1);
  }
}

@keyframes a11y-focus-ring {
  0% {
    outline-offset: 0;
    outline-color: rgba(95, 36, 159, 0);
  }
  100% {
    outline-offset: 3px;
    outline-color: rgba(95, 36, 159, 1);
  }
}

/* ============================================
   BOTÓN DE ACCESIBILIDAD FLOTANTE
   ============================================ */
.a11y-fab {
  position: fixed;
  bottom: calc(100px + env(safe-area-inset-bottom, 0px)); /* Arriba del footer + safe area */
  right: calc(20px + env(safe-area-inset-right, 0px));
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, #5F249F 0%, #7B3FB8 100%);
  color: white;
  border: none;
  -webkit-box-shadow: 0 4px 12px rgba(95, 36, 159, 0.4);
          box-shadow: 0 4px 12px rgba(95, 36, 159, 0.4);
  cursor: pointer;
  z-index: 1040; /* Visible sobre contenido, debajo de modales Bootstrap (1050+) */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  transition: opacity 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s;
  transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
}

.a11y-fab:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-box-shadow: 0 6px 20px rgba(95, 36, 159, 0.5);
          box-shadow: 0 6px 20px rgba(95, 36, 159, 0.5);
}

.a11y-fab:focus {
  outline: 3px solid #ffc107;
  outline-offset: 3px;
}

/* Modo alto contraste para el FAB */
.a11y-high-contrast .a11y-fab {
  background: #ffff00;
  color: #000000;
}

/* ============================================
   PANEL DE ACCESIBILIDAD
   ============================================ */
.a11y-panel {
  position: fixed;
  bottom: calc(170px + env(safe-area-inset-bottom, 0px)); /* Arriba del FAB + safe area */
  right: calc(20px + env(safe-area-inset-right, 0px));
  width: 360px;
  max-height: 70vh;
  background: white;
  border-radius: 16px;
  -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  z-index: 1039; /* Visible sobre contenido, debajo de modales Bootstrap (1050+) */
  overflow: hidden;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}

.a11y-panel-header {
  background: linear-gradient(135deg, #5F249F 0%, #7B3FB8 100%);
  color: white;
  padding: 1rem 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.a11y-panel-body {
  padding: 1rem;
  max-height: calc(70vh - 120px);
  overflow-y: auto;
}

.a11y-panel-section {
  margin-bottom: 1.5rem;
}

.a11y-panel-section-title {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #6c757d;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e9ecef;
}

.a11y-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  margin-bottom: 0.5rem;
}

.a11y-option:hover {
  background: #f8f9fa;
}

.a11y-option-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #f1f3f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 0.75rem;
  font-size: 1.25rem;
  color: #495057;
}

.a11y-option.active .a11y-option-icon {
  background: #5F249F;
  color: white;
}

.a11y-option-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.a11y-option-label {
  font-weight: 500;
  color: #212529;
  margin-bottom: 0.125rem;
}

.a11y-option-desc {
  font-size: 0.75rem;
  color: #6c757d;
}

.a11y-option-toggle {
  width: 44px;
  height: 24px;
  background: #dee2e6;
  border-radius: 12px;
  position: relative;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}

.a11y-option.active .a11y-option-toggle {
  background: #5F249F;
}

.a11y-option-toggle::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 50%;
  top: 2px;
  left: 2px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.a11y-option.active .a11y-option-toggle::after {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}

/* ============================================
   PANEL DE ACCESIBILIDAD EN MODO OSCURO
   ============================================ */
html.a11y-dark-mode .a11y-panel {
  background: #1e1e1e !important;
  border: 1px solid #444 !important;
  color: #ffffff !important;
}

html.a11y-dark-mode .a11y-panel-body {
  background: #1e1e1e !important;
  color: #ffffff !important;
}

html.a11y-dark-mode .a11y-panel-section-title {
  color: #a78bfa !important;
  border-bottom-color: #444 !important;
}

html.a11y-dark-mode .a11y-option {
  background: #2d2d2d !important;
  border: 1px solid #444 !important;
}

html.a11y-dark-mode .a11y-option:hover {
  background: #3d3d3d !important;
}

html.a11y-dark-mode .a11y-option.active {
  background: #3d3d3d !important;
  border-color: #7c3aed !important;
}

html.a11y-dark-mode .a11y-option-icon {
  background: #3d3d3d !important;
  color: #ffffff !important;
}

html.a11y-dark-mode .a11y-option.active .a11y-option-icon {
  background: #7c3aed !important;
  color: #ffffff !important;
}

html.a11y-dark-mode .a11y-option-label {
  color: #ffffff !important;
}

html.a11y-dark-mode .a11y-option-desc {
  color: #b0b0b0 !important;
}

html.a11y-dark-mode .a11y-option-toggle {
  background: #444 !important;
}

html.a11y-dark-mode .a11y-option.active .a11y-option-toggle {
  background: #7c3aed !important;
}

html.a11y-dark-mode .a11y-panel .form-select {
  background-color: #2d2d2d !important;
  color: #ffffff !important;
  border-color: #444 !important;
}

html.a11y-dark-mode .a11y-panel .btn-outline-secondary {
  background: transparent !important;
  color: #b0b0b0 !important;
  border-color: #555 !important;
}

html.a11y-dark-mode .a11y-panel .btn-outline-secondary:hover {
  background: #3d3d3d !important;
  color: #ffffff !important;
}

html.a11y-dark-mode .a11y-panel .border-top {
  border-color: #444 !important;
}

/* Alto contraste para el panel */
.a11y-high-contrast .a11y-panel {
  background: #000000 !important;
  border: 3px solid #ffffff !important;
  color: #ffffff !important;
}

.a11y-high-contrast .a11y-panel-header {
  background: #1a1a1a !important;
  border-bottom: 2px solid #ffffff !important;
  color: #ffffff !important;
}

.a11y-high-contrast .a11y-panel-header h3,
.a11y-high-contrast .a11y-panel-header .h5 {
  color: #ffffff !important;
}

.a11y-high-contrast .a11y-panel-body {
  background: #000000 !important;
  color: #ffffff !important;
}

.a11y-high-contrast .a11y-panel-section-title {
  color: #ffff00 !important;
  font-weight: bold !important;
}

.a11y-high-contrast .a11y-option {
  border: 2px solid #666 !important;
  background: #1a1a1a !important;
}

.a11y-high-contrast .a11y-option:hover {
  background: #333333 !important;
  border-color: #ffffff !important;
}

.a11y-high-contrast .a11y-option.active {
  border-color: #00ff00 !important;
  background: #003300 !important;
}

.a11y-high-contrast .a11y-option-icon {
  color: #ffffff !important;
}

.a11y-high-contrast .a11y-option-label {
  color: #ffffff !important;
  font-weight: bold !important;
}

.a11y-high-contrast .a11y-option-desc {
  color: #cccccc !important;
}

.a11y-high-contrast .a11y-option-toggle {
  background: #333333 !important;
  border: 2px solid #ffffff !important;
}

.a11y-high-contrast .a11y-option.active .a11y-option-toggle {
  background: #00ff00 !important;
}

.a11y-high-contrast .a11y-panel .form-select {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
}

.a11y-high-contrast .a11y-panel .btn {
  background: #333333 !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
}

.a11y-high-contrast .a11y-panel .btn:hover {
  background: #ffffff !important;
  color: #000000 !important;
}

.a11y-high-contrast .a11y-panel .border-top {
  border-color: #666666 !important;
}

/* Focus ring con colores NeoNet para alto contraste */
.a11y-high-contrast *:focus {
  outline: 3px solid #C4B5FD !important;
  -webkit-box-shadow: 0 0 0 1px #1a1a2e !important;
          box-shadow: 0 0 0 1px #1a1a2e !important;
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 768px) {
  .a11y-fab {
    width: 36px;
    height: 36px;
    bottom: calc(90px + env(safe-area-inset-bottom, 0px)); /* Above wizard footer */
    right: calc(12px + env(safe-area-inset-right, 0px));
    font-size: 16px;
    -webkit-animation: gentlePulse 4s ease-in-out 2;
            animation: gentlePulse 4s ease-in-out 2; /* Solo pulsa 2 veces al cargar */
  }

  .a11y-panel {
    width: calc(100vw - 40px - env(safe-area-inset-right, 0px));
    left: 20px;
    right: calc(20px + env(safe-area-inset-right, 0px));
    bottom: calc(140px + env(safe-area-inset-bottom, 0px));
    max-height: 55vh;
  }
}

@media (max-width: 480px) {
  .a11y-fab {
    width: 32px;
    height: 32px;
    bottom: calc(85px + env(safe-area-inset-bottom, 0px)); /* Above wizard footer */
    right: calc(10px + env(safe-area-inset-right, 0px));
    font-size: 14px;
  }

  .a11y-panel {
    width: calc(100vw - 24px - env(safe-area-inset-right, 0px));
    left: 12px;
    right: calc(12px + env(safe-area-inset-right, 0px));
    bottom: calc(130px + env(safe-area-inset-bottom, 0px));
  }
}

/* Animación suave gooey - solo esquina */
@-webkit-keyframes gentlePulse {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 4px 12px rgba(95, 36, 159, 0.3);
            box-shadow: 0 4px 12px rgba(95, 36, 159, 0.3);
  }
  50% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
    -webkit-box-shadow: 0 6px 16px rgba(95, 36, 159, 0.4);
            box-shadow: 0 6px 16px rgba(95, 36, 159, 0.4);
  }
}
@keyframes gentlePulse {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 4px 12px rgba(95, 36, 159, 0.3);
            box-shadow: 0 4px 12px rgba(95, 36, 159, 0.3);
  }
  50% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
    -webkit-box-shadow: 0 6px 16px rgba(95, 36, 159, 0.4);
            box-shadow: 0 6px 16px rgba(95, 36, 159, 0.4);
  }
}

/* ============================================
   HIGH CONTRAST - PRODUCT LOGO/ICON INVERSION
   ============================================ */
html.a11y-high-contrast .product-card .product-image-wrapper img,
html.a11y-high-contrast .product-card .product-image img,
html.a11y-high-contrast .product-image-section img,
html.a11y-high-contrast .product-modal .product-image-wrapper img {
  -webkit-filter: brightness(0) invert(1) !important;
          filter: brightness(0) invert(1) !important;
}

/* Icons in product cards */
html.a11y-high-contrast .product-card i,
html.a11y-high-contrast .product-type-icon i,
html.a11y-high-contrast .product-badge i {
  color: #ffffff !important;
}

/* Dock/Coverflow icons */
html.a11y-high-contrast .dock-icon,
html.a11y-high-contrast .macos-dock-icon {
  -webkit-filter: brightness(0) invert(1) !important;
          filter: brightness(0) invert(1) !important;
}

html.a11y-high-contrast .dock-icon i,
html.a11y-high-contrast .macos-dock-icon i {
  color: #ffffff !important;
}

/* File type icons */
html.a11y-high-contrast .file-icon-wrapper i,
html.a11y-high-contrast .file-type-icon i {
  color: #ffffff !important;
}

/* PDF icons should be red for visibility */
html.a11y-high-contrast .file-icon-wrapper.pdf-icon i,
html.a11y-high-contrast .ti-file-type-pdf {
  color: #ff6b6b !important;
}

/* ============================================
   HIGH CONTRAST - COVERFLOW/DOCK
   ============================================ */
html.a11y-high-contrast .macos-dock-container,
html.a11y-high-contrast .coverflow-container {
  background: #000000 !important;
}

html.a11y-high-contrast .macos-dock-item,
html.a11y-high-contrast .dock-item,
html.a11y-high-contrast .coverflow-item {
  background: #1a1a1a !important;
  border: 2px solid #ffffff !important;
}

html.a11y-high-contrast .macos-dock-item:hover,
html.a11y-high-contrast .dock-item:hover,
html.a11y-high-contrast .coverflow-item:hover {
  background: #333333 !important;
  border-color: #ffff00 !important;
}

html.a11y-high-contrast .macos-dock-item.selected,
html.a11y-high-contrast .dock-item.selected,
html.a11y-high-contrast .coverflow-item.selected,
html.a11y-high-contrast .macos-dock-item.active,
html.a11y-high-contrast .dock-item.active {
  background: #333333 !important;
  border-color: #00ff00 !important;
  -webkit-box-shadow: 0 0 0 3px #00ff00 !important;
          box-shadow: 0 0 0 3px #00ff00 !important;
}

html.a11y-high-contrast .dock-label,
html.a11y-high-contrast .macos-dock-label,
html.a11y-high-contrast .coverflow-label {
  color: #ffffff !important;
  background: #000000 !important;
}

/* Coverflow navigation arrows */
html.a11y-high-contrast .coverflow-nav-left,
html.a11y-high-contrast .coverflow-nav-right {
  background: #1a1a1a !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
}

html.a11y-high-contrast .coverflow-nav-left:hover,
html.a11y-high-contrast .coverflow-nav-right:hover {
  background: #ffffff !important;
  color: #000000 !important;
}

/* Status badges on dock items */
html.a11y-high-contrast .dock-status-badge,
html.a11y-high-contrast .requisito-status-badge {
  border: 2px solid #ffffff !important;
}

html.a11y-high-contrast .dock-status-badge.completed,
html.a11y-high-contrast .requisito-status-badge.completed {
  background: #00ff00 !important;
  color: #000000 !important;
}

html.a11y-high-contrast .dock-status-badge.pending,
html.a11y-high-contrast .requisito-status-badge.pending {
  background: #ffff00 !important;
  color: #000000 !important;
}

/* ============================================
   HIGH CONTRAST - PROGRESS BAR
   ============================================ */
html.a11y-high-contrast .modern-progress-section,
html.a11y-high-contrast .modern-progress-container {
  background: #1a1a1a !important;
  border: 2px solid #ffffff !important;
}

html.a11y-high-contrast .progress-title-v2,
html.a11y-high-contrast .progress-header-v2 {
  color: #ffffff !important;
}

html.a11y-high-contrast .progress-title-v2 i {
  color: #ffff00 !important;
}

html.a11y-high-contrast .progress-percent-center {
  background: #000000 !important;
  color: #00ff00 !important;
  border: 2px solid #00ff00 !important;
  font-weight: bold !important;
}

html.a11y-high-contrast .modern-progress-track {
  background: #333333 !important;
  border: 2px solid #ffffff !important;
}

html.a11y-high-contrast .modern-progress-fill {
  background: #00ff00 !important;
}

html.a11y-high-contrast .modern-progress-fill.low,
html.a11y-high-contrast .modern-progress-fill.medium {
  background: #ffff00 !important;
}

html.a11y-high-contrast .modern-progress-fill.high,
html.a11y-high-contrast .modern-progress-fill.complete {
  background: #00ff00 !important;
}

/* Counter chips */
html.a11y-high-contrast .counter-chip {
  border: 2px solid #ffffff !important;
}

html.a11y-high-contrast .counter-chip.completed {
  background: #00ff00 !important;
  color: #000000 !important;
}

html.a11y-high-contrast .counter-chip.pending {
  background: #333333 !important;
  color: #ffffff !important;
}

/* Requisito dots/indicators */
html.a11y-high-contrast .requisito-dot,
html.a11y-high-contrast .requisitos-indicators .requisito-dot {
  background: #1a1a1a !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
}

html.a11y-high-contrast .requisito-dot:hover {
  background: #333333 !important;
  border-color: #ffff00 !important;
}

html.a11y-high-contrast .requisito-dot.active,
html.a11y-high-contrast .requisito-dot.completed {
  background: #00ff00 !important;
  border-color: #00ff00 !important;
  color: #000000 !important;
}

/* ============================================
   PRINT STYLES
   ============================================ */
@media print {
  .a11y-fab,
  .a11y-panel {
    display: none !important;
  }
}

/* ============================================
   OCULTAR CUANDO HAY MODALES ACTIVOS
   ============================================ */
/* Solo cuando hay un modal de Bootstrap abierto */
body.modal-open .a11y-fab,
body.modal-open .a11y-panel,
body:has(.modal.show) .a11y-fab,
body:has(.modal.show) .a11y-panel {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

/* ============================================
   TIMELINE ACCESSIBILITY
   ============================================ */

/* === HIGH CONTRAST MODE === */
html.a11y-high-contrast .timeline-wrapper {
  background: #000000 !important;
}

html.a11y-high-contrast .speech-card {
  background: #1a1a1a !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
}

html.a11y-high-contrast .timeline-intro .gradient-text {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #ffffff !important;
  color: #ffffff !important;
}

html.a11y-high-contrast .timeline-node::before {
  background-color: #000000 !important;
}

html.a11y-high-contrast .node-sphere {
  background: #000000 !important;
  border-color: #ffffff !important;
}

html.a11y-high-contrast .node-number {
  color: #ffffff !important;
}

html.a11y-high-contrast .node-check {
  color: #00ff00 !important;
}

html.a11y-high-contrast .timeline-item.completed .node-sphere {
  background: #00ff00 !important;
  border-color: #00ff00 !important;
}

html.a11y-high-contrast .timeline-item.completed .node-check {
  color: #000000 !important;
}

html.a11y-high-contrast .timeline-item.active .node-sphere {
  border-color: #ffff00 !important;
}

html.a11y-high-contrast .timeline-marker-col::after {
  background: #666666 !important;
}

html.a11y-high-contrast .timeline-item.completed .timeline-marker-col::after {
  background: #00ff00 !important;
}

html.a11y-high-contrast .node-ring {
  border-color: #ffff00 !important;
}

html.a11y-high-contrast .data-summary {
  background: #1a1a1a !important;
  border-color: #ffffff !important;
}

html.a11y-high-contrast .data-row {
  border-color: #444444 !important;
  color: #ffffff !important;
}

html.a11y-high-contrast .rejection-card {
  background: #1a0000 !important;
  border: 2px solid #ff6666 !important;
}

html.a11y-high-contrast .rejection-header {
  background: #330000 !important;
  color: #ff6666 !important;
}

/* === DARK MODE === */
html.a11y-dark-mode .timeline-wrapper {
  background: #0f172a !important;
}

html.a11y-dark-mode .speech-card {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #e2e8f0 !important;
}

html.a11y-dark-mode .speech-card h5 {
  color: #f1f5f9 !important;
}

html.a11y-dark-mode .speech-card .text-muted {
  color: #94a3b8 !important;
}

html.a11y-dark-mode .timeline-intro .gradient-text {
  background: linear-gradient(135deg, #a78bfa 0%, #c4b5fd 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html.a11y-dark-mode .timeline-node::before {
  background-color: #0f172a !important;
}

html.a11y-dark-mode .node-sphere {
  background: #1e293b !important;
  border-color: #475569 !important;
}

html.a11y-dark-mode .node-number {
  color: #94a3b8 !important;
}

html.a11y-dark-mode .timeline-item.completed .node-sphere {
  background: #5F249F !important;
  border-color: #7c3aed !important;
}

html.a11y-dark-mode .timeline-item.active .node-sphere {
  border-color: #FFCD01 !important;
}

html.a11y-dark-mode .timeline-marker-col::after {
  background: #334155 !important;
}

html.a11y-dark-mode .timeline-item.completed .timeline-marker-col::after {
  background: #5F249F !important;
}

html.a11y-dark-mode .data-summary {
  background: #0f172a !important;
  border-color: #334155 !important;
}

html.a11y-dark-mode .data-row {
  border-color: #1e293b !important;
  color: #cbd5e1 !important;
}

html.a11y-dark-mode .data-row .fw-semibold {
  color: #f1f5f9 !important;
}

html.a11y-dark-mode .rejection-card {
  background: #1e1b2e !important;
  border-color: #7c3aed !important;
}

html.a11y-dark-mode .rejection-header {
  background: #2e1065 !important;
}

/* === LARGE TEXT MODE === */
html.a11y-large-text .speech-card {
  font-size: 1.1rem !important;
}

html.a11y-large-text .speech-card h5 {
  font-size: 1.4rem !important;
}

html.a11y-large-text .speech-card p {
  font-size: 1.1rem !important;
  line-height: 1.6 !important;
}

html.a11y-large-text .node-number {
  font-size: 1.2rem !important;
}

html.a11y-large-text .timeline-intro .gradient-text {
  font-size: 2rem !important;
}

/* === EXTRA LARGE TEXT MODE === */
html.a11y-extra-large-text .speech-card {
  font-size: 1.25rem !important;
}

html.a11y-extra-large-text .speech-card h5 {
  font-size: 1.6rem !important;
}

html.a11y-extra-large-text .speech-card p {
  font-size: 1.25rem !important;
  line-height: 1.7 !important;
}

html.a11y-extra-large-text .node-number {
  font-size: 1.4rem !important;
}

html.a11y-extra-large-text .timeline-intro .gradient-text {
  font-size: 2.25rem !important;
}

/* === REDUCED MOTION === */
html.a11y-reduced-motion .node-pulse,
html.a11y-reduced-motion .node-ring {
  -webkit-animation: none !important;
          animation: none !important;
}

html.a11y-reduced-motion .timeline-item {
  -webkit-animation: none !important;
          animation: none !important;
}

html.a11y-reduced-motion .speech-card {
  -webkit-transition: none !important;
  transition: none !important;
}

/* === DYSLEXIA FRIENDLY === */
html.a11y-dyslexia-friendly .speech-card,
html.a11y-dyslexia-friendly .speech-card p,
html.a11y-dyslexia-friendly .data-row,
html.a11y-dyslexia-friendly .timeline-intro {
  font-family: 'OpenDyslexic', 'Comic Sans MS', sans-serif !important;
  letter-spacing: 0.05em !important;
  word-spacing: 0.1em !important;
}

/* === FOCUS INDICATORS === */
html.a11y-focus-indicators .speech-card:focus-within {
  outline: 3px solid #5F249F !important;
  outline-offset: 2px !important;
}

html.a11y-focus-indicators .speech-card .btn:focus {
  outline: 3px solid #FFCD01 !important;
  outline-offset: 2px !important;
}
/* ============================================
   MOBILE RESPONSIVE - GLOBAL OVERRIDES
   Máxima prioridad para asegurar que se apliquen
   ============================================ */

@media (max-width: 768px) {
  /* OCULTAR SOLO LOS HINTS DE TECLADO */
  .deck-hint,
  .modal-hints,
  .gooey-hints,
  .kanban-keyboard-hints,
  .viewer-keyboard-hints,
  .global-keyboard-hints,
  [class*="hint"],
  [class*="keyboard"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* GooeyMenu: Permitir que funcione en móvil */
  .gooey-menu,
  .gooey-fab {
    /* NO ocultar - debe ser usable en móvil */
  }

  /* TRIPLE DECK CAROUSEL - MOSTRAR LOS 3 FOLDERS */
  .decks-container {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    gap: 20px !important;
    padding: 16px !important;
    height: 100% !important;
    overflow-y: auto !important;
  }

  .deck-wrapper {
    width: 100% !important;
    max-width: 90% !important;
    margin: 0 auto !important;
  }

  .folder-3d {
    width: 100% !important;
    height: 180px !important;
    max-width: none !important;
  }

  /* NAVEGACIÓN: Botones más grandes */
  .deck-nav-btn {
    width: 52px !important;
    height: 52px !important;
    font-size: 24px !important;
  }

  /* KANBAN - SCROLL HORIZONTAL */
  .kanban-container {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    gap: 12px !important;
    padding: 12px !important;
  }

  .kanban-column {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    width: calc(100vw - 48px) !important;
    min-width: calc(100vw - 48px) !important;
    max-width: calc(100vw - 48px) !important;
  }

  /* EXPEDIENTE OVERLAY - HEADER COMPACTO */
  .neo-glass-header {
    bottom: 12px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    -webkit-transform: none !important;
            transform: none !important;
  }

  .header-glass-content {
    padding: 6px 8px !important;
  }

  .header-meta:not(:first-of-type),
  .header-dot:not(:first-of-type) {
    display: none !important;
  }

  .close-overlay-btn span {
    display: none !important;
  }

  /* FLOATER - FULL WIDTH */
  .column-floater {
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
  }

  .floater-panel {
    width: 100% !important;
    max-width: none !important;
  }
}

/* Mobile Portrait - MUY PEQUEÑO */
@media (max-width: 576px) {
  .folder-3d {
    height: 160px !important;
  }

  .deck-nav-btn {
    width: 48px !important;
    height: 48px !important;
  }

  .kanban-column {
    width: calc(100vw - 32px) !important;
    min-width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
  }
}
/* ===============================================
   MOBILE PROFESSIONAL DESIGN
   Diseño móvil completamente profesional y moderno
   =============================================== */

/* CONTENEDOR PRINCIPAL MÓVIL */
@media (max-width: 768px) {
  .decks-container-mobile {
    background: #f5f5f7 !important;
  }

  /* NAVBAR PROFESIONAL */
  .mobile-main-navbar {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    height: 56px !important;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
  }

  .mobile-navbar-btn {
    width: 44px !important;
    height: 44px !important;
    border-radius: 10px !important;
    color: #1a1a1a !important;
    font-size: 22px !important;
  }

  .mobile-navbar-btn:active {
    background: rgba(0, 0, 0, 0.05) !important;
    -webkit-transform: scale(0.96) !important;
            transform: scale(0.96) !important;
  }

  .mobile-navbar-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    letter-spacing: -0.2px !important;
  }

  /* FOLDERS - DISEÑO LIMPIO Y PROFESIONAL */
  .mobile-folders-list {
    background: transparent !important;
    padding-top: 56px !important;
  }

  .mobile-folder {
    background: #ffffff !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
    padding: 14px 20px !important;
    gap: 14px !important;
    min-height: 76px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .mobile-folder::after {
    display: none !important;
  }

  .mobile-folder:active {
    background: rgba(0, 0, 0, 0.02) !important;
    -webkit-transform: scale(0.995) !important;
            transform: scale(0.995) !important;
  }

  .mobile-folder-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    font-size: 22px !important;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  }

  .mobile-folder.pink .mobile-folder-icon {
    background: linear-gradient(135deg, #ec4899 0%, #f472b6 100%) !important;
  }

  .mobile-folder.purple .mobile-folder-icon {
    background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%) !important;
  }

  .mobile-folder.green .mobile-folder-icon {
    background: linear-gradient(135deg, #10b981 0%, #34d399 100%) !important;
  }

  .mobile-folder-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    letter-spacing: -0.3px !important;
    margin-bottom: 2px !important;
  }

  .mobile-folder-subtitle {
    font-size: 13px !important;
    color: #6b7280 !important;
    margin-bottom: 2px !important;
  }

  .mobile-folder-count {
    font-size: 12px !important;
    color: #9ca3af !important;
  }

  .mobile-folder-arrow {
    font-size: 16px !important;
    color: #d1d5db !important;
  }

  /* CARDS - DISEÑO PROFESIONAL */
  .mobile-cards-list {
    background: transparent !important;
    padding: 56px 0 20px !important;
  }

  .mobile-card {
    background: #ffffff !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
    padding: 14px 20px !important;
    min-height: 68px !important;
    gap: 14px !important;
    border-radius: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .mobile-card:active {
    background: rgba(0, 0, 0, 0.02) !important;
    -webkit-transform: scale(0.995) !important;
            transform: scale(0.995) !important;
  }

  .mobile-card-icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 11px !important;
    font-size: 20px !important;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
  }

  .mobile-card-icon.client-color {
    background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%) !important;
  }

  .mobile-card-icon.requisitos-color {
    background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%) !important;
  }

  .mobile-card-icon.tareas-color {
    background: linear-gradient(135deg, #10b981 0%, #34d399 100%) !important;
  }

  .mobile-card-content {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important;
    min-width: 0 !important;
  }

  .mobile-card-title {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    letter-spacing: -0.2px !important;
    margin-bottom: 2px !important;
  }

  .mobile-card-count {
    font-size: 12px !important;
    color: #9ca3af !important;
  }

  /* DETAIL VIEW - FULLSCREEN PROFESIONAL */
  .mobile-detail-view {
    background: #f5f5f7 !important;
    top: 56px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .mobile-detail-content {
    background: transparent !important;
  }

  /* DECK DETAIL */
  .mobile-deck-detail {
    background: transparent !important;
    padding-top: 56px !important;
  }
}
/* ===== MODAL DE TAREAS RESPONSIVE (TaskManager - Dynamic Task Forms) ===== */
@media (max-width: 768px) {
  /* Element Plus overlay fullscreen */
  .el-overlay.is-message-box {
    z-index: 9999 !important;
  }

  /* Task Modal Dialog - Dynamic Tasks - MÁXIMA ESPECIFICIDAD */
  html body .el-dialog.task-modal-dialog,
  html body .task-modal-dialog.el-dialog,
  html body .el-overlay .task-modal-dialog,
  html body .el-overlay .task-modal-dialog.el-dialog,
  html body .el-overlay .el-dialog.task-modal-dialog,
  html body div.el-dialog.task-modal-dialog,
  html body div.el-dialog.task-modal-responsive,
  html body div.el-dialog.mobile-task-modal,
  .task-modal-dialog.el-dialog,
  .task-modal-responsive.el-dialog,
  .mobile-task-modal.el-dialog,
  .el-dialog.task-modal-dialog,
  .el-dialog.task-modal-responsive,
  .el-dialog.mobile-task-modal {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    min-height: 100vh !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    -webkit-transform: none !important;
            transform: none !important;
    position: fixed !important;
  }

  /* Asegurar que el diálogo esté centrado y fijo */
  html body .el-overlay .el-overlay-dialog {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    width: 100vw !important;
    height: 100vh !important;
  }

  /* Wide modal también responsive */
  html body .el-dialog.wide-modal,
  .wide-modal.el-dialog {
    width: 100vw !important;
    max-width: 100vw !important;
  }

  /* Dialog body del TaskManager */
  html body .task-modal-dialog .el-dialog__body,
  .task-modal-dialog .el-dialog__body {
    padding: 1rem !important;
    margin: 0 !important;
    width: 100% !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }

  /* Header responsive */
  html body .task-modal-dialog .el-dialog__header,
  .task-modal-dialog .el-dialog__header {
    padding: 0.75rem 1rem !important;
  }

  html body .task-modal-dialog .el-dialog__title,
  .task-modal-dialog .el-dialog__title {
    font-size: 1rem !important;
  }

  /* DynamicTaskForm responsive */
  html body .dynamic-task-form,
  .dynamic-task-form {
    width: 100% !important;
    padding: 0 !important;
  }

  html body .dynamic-task-form .row,
  .dynamic-task-form .row {
    margin: 0 !important;
    width: 100% !important;
  }

  html body .dynamic-task-form .col-12,
  html body .dynamic-task-form .col-md-6,
  html body .dynamic-task-form .col-md-4,
  html body .dynamic-task-form .col-lg-6,
  html body .dynamic-task-form .col-lg-4,
  .dynamic-task-form [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
    padding: 0 !important;
    margin-bottom: 1rem !important;
  }

  /* Form labels y inputs */
  html body .dynamic-task-form .form-label,
  .dynamic-task-form .form-label {
    font-size: 0.9rem !important;
    margin-bottom: 0.5rem !important;
  }

  html body .dynamic-task-form .el-input,
  html body .dynamic-task-form .el-select,
  html body .dynamic-task-form .el-textarea,
  .dynamic-task-form .el-input,
  .dynamic-task-form .el-select,
  .dynamic-task-form .el-textarea {
    width: 100% !important;
  }

  html body .dynamic-task-form .el-input__inner,
  .dynamic-task-form .el-input__inner {
    font-size: 1rem !important;
    padding: 0.75rem !important;
  }

  /* Upload responsive */
  html body .dynamic-task-form .el-upload,
  html body .dynamic-task-form .el-upload-dragger,
  .dynamic-task-form .el-upload,
  .dynamic-task-form .el-upload-dragger {
    width: 100% !important;
  }

  /* Botones del formulario */
  html body .dynamic-task-form .el-button,
  .dynamic-task-form .el-button {
    min-height: 44px !important;
    font-size: 1rem !important;
    padding: 0.75rem 1.5rem !important;
    width: 100% !important;
    margin-bottom: 0.5rem !important;
  }

  /* Footer con botones */
  html body .task-modal-dialog .el-dialog__footer,
  .task-modal-dialog .el-dialog__footer {
    padding: 0.75rem 1rem !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    gap: 0.5rem !important;
  }

  html body .task-modal-dialog .el-dialog__footer .el-button,
  .task-modal-dialog .el-dialog__footer .el-button {
    width: 100% !important;
    margin: 0 !important;
  }
  /* El-Dialog fullscreen ocupa toda la pantalla - MÁXIMA ESPECIFICIDAD */
  html body .el-overlay .el-dialog.fullscreen-modal,
  html body .el-overlay .task-modal-ux,
  html body .el-dialog.task-modal-ux,
  html body div.el-dialog.task-modal-ux.fullscreen-modal,
  .el-overlay .task-modal-ux.el-dialog,
  .task-modal-ux.el-dialog {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    min-height: 100vh !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    left: 0 !important;
    top: 0 !important;
  }

  /* Forzar el dialog body a usar todo el espacio */
  html body .el-dialog.task-modal-ux .el-dialog__body,
  html body .task-modal-ux .el-dialog__body {
    padding: 0 !important;
    margin: 0 !important;
    width: 100vw !important;
  }

  /* Header del modal más compacto */
  html body .task-modal-ux .clean-header,
  .task-modal-ux .clean-header {
    padding: 0.5rem 1rem !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    width: 100vw !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }

  html body .task-modal-ux .client-main,
  .task-modal-ux .client-main {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .task-modal-ux .client-icon {
    font-size: 1.75rem !important;
  }

  .task-modal-ux .client-name {
    font-size: 0.95rem !important;
  }

  .task-modal-ux .client-metadata {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    gap: 4px !important;
    width: 100% !important;
  }

  .task-modal-ux .meta-chip {
    font-size: 0.65rem !important;
    padding: 2px 6px !important;
  }

  /* Popover fullscreen en móvil */
  .task-modal-ux .client-details-popover-overlay {
    position: fixed !important;
  }

  .task-modal-ux .client-details-popover-enhanced {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    border-radius: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    -webkit-transform: none !important;
            transform: none !important;
    margin: 0 !important;
  }

  .task-modal-ux .popover-masonry {
    grid-template-columns: 1fr !important;
  }

  /* Body con padding reducido */
  .task-modal-ux .task-modal-body-scroll {
    padding: 1rem !important;
  }

  /* Footer responsive */
  .task-modal-ux .el-dialog__footer {
    padding: 0.75rem 1rem !important;
  }

  /* Formularios responsive */
  .task-modal-ux .el-form {
    width: 100% !important;
  }

  .task-modal-ux .el-form-item {
    margin-bottom: 1rem !important;
    display: block !important;
  }

  .task-modal-ux .el-form-item__label {
    font-size: 0.85rem !important;
    line-height: 1.5 !important;
    display: block !important;
    text-align: left !important;
    margin-bottom: 0.5rem !important;
  }

  .task-modal-ux .el-form-item__content {
    width: 100% !important;
  }

  .task-modal-ux .el-input,
  .task-modal-ux .el-input__wrapper {
    width: 100% !important;
  }

  .task-modal-ux .el-input__inner {
    font-size: 0.9rem !important;
    padding: 0.5rem 0.75rem !important;
    width: 100% !important;
  }

  .task-modal-ux .el-select {
    width: 100% !important;
  }

  .task-modal-ux .el-textarea__inner {
    font-size: 0.9rem !important;
    padding: 0.5rem 0.75rem !important;
  }

  /* Botones touch-friendly */
  .task-modal-ux .el-button {
    min-height: 44px !important;
    padding: 0.5rem 1rem !important;
    font-size: 0.9rem !important;
  }

  /* Cards responsive */
  .task-modal-ux .data-card {
    margin-bottom: 1rem !important;
  }

  .task-modal-ux .ux-card-header {
    padding: 0.75rem 1rem !important;
  }

  .task-modal-ux .ux-card-body {
    padding: 1rem !important;
  }

  /* Coverflow/Dock responsive */
  .task-modal-ux .coverflow-section-top {
    padding: 0.5rem !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .task-modal-ux .dock-item {
    min-width: 70px !important;
    max-width: 80px !important;
    padding: 0.5rem !important;
  }

  .task-modal-ux .dock-icon {
    width: 36px !important;
    height: 36px !important;
    font-size: 1.1rem !important;
  }

  .task-modal-ux .dock-title {
    font-size: 0.65rem !important;
    padding: 2px 4px !important;
  }

  /* Grid de datos a una columna */
  .task-modal-ux .data-fields-grid {
    grid-template-columns: 1fr !important;
  }

  /* Title responsive */
  .task-modal-ux .task-modal-title {
    font-size: 0.9rem !important;
  }

  .task-modal-ux .task-modal-title i {
    font-size: 1rem !important;
  }

  .task-modal-ux .title-main {
    font-size: 0.9rem !important;
  }

  .task-modal-ux .subtitle-inline {
    font-size: 0.75rem !important;
  }

  /* Tabs más compactos */
  .task-modal-ux .el-tabs__header {
    padding: 0 0.5rem !important;
  }

  .task-modal-ux .el-tabs__item {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.85rem !important;
  }

  /* Asegurar que el contenido no se desborde */
  .task-modal-ux {
    overflow-x: hidden !important;
  }

  .task-modal-ux * {
    max-width: 100% !important;
  }

  .task-modal-ux img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* Ajustes específicos para DynamicTaskForm */
  .task-modal-ux .dynamic-task-form {
    padding: 1rem !important;
  }

  /* Upload components */
  .task-modal-ux .el-upload {
    width: 100% !important;
  }

  .task-modal-ux .el-upload-dragger {
    width: 100% !important;
    padding: 1rem !important;
  }

  /* Tables responsive */
  .task-modal-ux .el-table {
    font-size: 0.85rem !important;
  }

  .task-modal-ux .el-table th,
  .task-modal-ux .el-table td {
    padding: 0.5rem !important;
    font-size: 0.85rem !important;
  }

  /* Close button visible en móvil */
  .task-modal-ux .el-dialog__headerbtn {
    top: 12px !important;
    right: 12px !important;
    width: 40px !important;
    height: 40px !important;
    font-size: 1.25rem !important;
  }
}
/* ==========================================================================
   NEONET COLOR SYSTEM - Paleta Profesional con Profundidad
   Basada en Morado #5F249F y Amarillo #FFCD01
   ========================================================================== */

:root {
  /* ========== MORADOS - ESCALA COMPLETA ========== */

  /* Morados ultra claros (backgrounds, hover states) */
  --neonet-purple-50: #FAF7FD;    /* Casi blanco con tinte morado */
  --neonet-purple-100: #F3EBFA;   /* Muy claro, backgrounds suaves */
  --neonet-purple-150: #E8D9F5;   /* Pastel suave */

  /* Morados claros (badges, pills, accents) */
  --neonet-purple-200: #D6BCE8;   /* Lavanda claro */
  --neonet-purple-250: #C49FDB;   /* Lavanda medio */
  --neonet-purple-300: #B282CE;   /* Lila suave */

  /* Morados medios (borders, secondary elements) */
  --neonet-purple-400: #9B5DBD;   /* Morado intermedio */
  --neonet-purple-450: #8748C0;   /* Morado vibrante claro */

  /* MORADO PRINCIPAL - BRAND COLOR */
  --neonet-purple-500: #5F249F;   /* 🎨 MORADO NEONET PRINCIPAL */
  --neonet-purple: #5F249F;        /* Alias principal */

  /* Morados oscuros (hover states, active) */
  --neonet-purple-600: #4F1E85;   /* Morado oscuro */
  --neonet-purple-650: #45196F;   /* Morado profundo */
  --neonet-purple-700: #3B1459;   /* Morado muy oscuro */

  /* Morados ultra oscuros (text, shadows) */
  --neonet-purple-800: #2D0F43;   /* Casi negro morado */
  --neonet-purple-850: #200A2E;   /* Negro morado */
  --neonet-purple-900: #130519;   /* Negro profundo */


  /* ========== AMARILLOS - ESCALA COMPLETA ========== */

  /* Amarillos ultra claros (backgrounds, highlights) */
  --neonet-yellow-50: #FFFEF5;    /* Casi blanco cremoso */
  --neonet-yellow-100: #FFFBEB;   /* Crema muy claro */
  --neonet-yellow-150: #FFF8D6;   /* Vanilla suave */

  /* Amarillos claros (tooltips, badges) */
  --neonet-yellow-200: #FFF3B8;   /* Amarillo pastel */
  --neonet-yellow-250: #FFEE99;   /* Amarillo claro */
  --neonet-yellow-300: #FFE87A;   /* Dorado claro */

  /* Amarillos medios (accents, CTAs secundarios) */
  --neonet-yellow-400: #FFE24D;   /* Amarillo brillante */
  --neonet-yellow-450: #FFDA1F;   /* Amarillo vibrante */

  /* AMARILLO PRINCIPAL - BRAND COLOR */
  --neonet-yellow-500: #FFCD01;   /* 🎨 AMARILLO NEONET PRINCIPAL */
  --neonet-yellow: #FFCD01;        /* Alias principal */

  /* Amarillos oscuros (hover, borders) */
  --neonet-yellow-600: #E6B800;   /* Dorado */
  --neonet-yellow-650: #CCA300;   /* Dorado oscuro */
  --neonet-yellow-700: #B38E00;   /* Mostaza */

  /* Amarillos ultra oscuros (text on yellow, shadows) */
  --neonet-yellow-800: #997900;   /* Mostaza oscuro */
  --neonet-yellow-850: #806400;   /* Marrón dorado */
  --neonet-yellow-900: #664F00;   /* Marrón oscuro */


  /* ========== COLORES COMPLEMENTARIOS Y TRIÁDICOS ========== */

  /* Complementario del morado (verde-amarillento) */
  --neonet-lime-500: #9FCD01;     /* Lima/Verde amarillento */
  --neonet-lime-400: #B8E24D;     /* Lima claro */
  --neonet-lime-600: #85B800;     /* Lima oscuro */

  /* Triádico 1: Cyan/Turquesa */
  --neonet-cyan-500: #01CDFF;     /* Cyan brillante */
  --neonet-cyan-400: #4DE2FF;     /* Cyan claro */
  --neonet-cyan-600: #00B8E6;     /* Cyan oscuro */

  /* Triádico 2: Magenta/Rosa */
  --neonet-magenta-500: #CD01FF;  /* Magenta */
  --neonet-magenta-400: #E24DFF;  /* Magenta claro */
  --neonet-magenta-600: #B800E6; /* Magenta oscuro */

  /* Análogos (vecinos en la rueda de color) */
  --neonet-indigo-500: #4F249F;   /* Índigo */
  --neonet-violet-500: #7F24FF;   /* Violeta */
  --neonet-amber-500: #FFAA01;    /* Ámbar */
  --neonet-gold-500: #FFB801;     /* Oro */


  /* ========== COLORES DE ESTADO CON IDENTIDAD NEONET ========== */

  /* Success (verde con toque amarillo) */
  --neonet-success-50: #F0FDF4;
  --neonet-success-100: #DCFCE7;
  --neonet-success-500: #10B981;  /* Verde esmeralda */
  --neonet-success-600: #059669;
  --neonet-success-700: #047857;

  /* Warning (derivado del amarillo Neonet) */
  --neonet-warning-50: #FFFBEB;
  --neonet-warning-100: #FFF3CD;
  --neonet-warning-500: #F59E0B;  /* Ámbar/Naranja */
  --neonet-warning-600: #D97706;
  --neonet-warning-700: #B45309;

  /* Error/Danger (rojo con toque morado) */
  --neonet-error-50: #FEF2F2;
  --neonet-error-100: #FEE2E2;
  --neonet-error-500: #EF4444;    /* Rojo */
  --neonet-error-600: #DC2626;
  --neonet-error-700: #B91C1C;

  /* Info (cyan derivado de los triádicos) */
  --neonet-info-50: #EFF6FF;
  --neonet-info-100: #DBEAFE;
  --neonet-info-500: #3B82F6;     /* Azul */
  --neonet-info-600: #2563EB;
  --neonet-info-700: #1D4ED8;


  /* ========== GRISES NEUTROS CON TOQUE MORADO ========== */

  /* Grises cálidos con tinte morado sutil */
  --neonet-gray-50: #FAFAFB;      /* Casi blanco con tinte morado */
  --neonet-gray-100: #F5F5F7;     /* Gris ultra claro morado */
  --neonet-gray-200: #E8E8EB;     /* Gris claro morado */
  --neonet-gray-300: #D4D4D9;     /* Gris claro */
  --neonet-gray-400: #A1A1AA;     /* Gris medio */
  --neonet-gray-500: #71717A;     /* Gris */
  --neonet-gray-600: #52525B;     /* Gris oscuro */
  --neonet-gray-700: #3F3F46;     /* Gris muy oscuro */
  --neonet-gray-800: #27272A;     /* Casi negro */
  --neonet-gray-900: #18181B;     /* Negro suave */


  /* ========== SOMBRAS CON PROFUNDIDAD ========== */

  /* Sombras con tinte morado */
  --shadow-xs: 0 1px 2px rgba(95, 36, 159, 0.05);
  --shadow-sm: 0 1px 3px rgba(95, 36, 159, 0.08), 0 1px 2px rgba(95, 36, 159, 0.06);
  --shadow-md: 0 4px 6px rgba(95, 36, 159, 0.07), 0 2px 4px rgba(95, 36, 159, 0.05);
  --shadow-lg: 0 10px 15px rgba(95, 36, 159, 0.1), 0 4px 6px rgba(95, 36, 159, 0.08);
  --shadow-xl: 0 20px 25px rgba(95, 36, 159, 0.12), 0 10px 10px rgba(95, 36, 159, 0.06);
  --shadow-2xl: 0 25px 50px rgba(95, 36, 159, 0.15);

  /* Sombras con glow (para efectos especiales) */
  --shadow-purple-glow: 0 0 20px rgba(95, 36, 159, 0.3), 0 0 40px rgba(95, 36, 159, 0.15);
  --shadow-yellow-glow: 0 0 20px rgba(255, 205, 1, 0.3), 0 0 40px rgba(255, 205, 1, 0.15);
  --shadow-neonet-glow: 0 0 30px rgba(95, 36, 159, 0.2), 0 0 60px rgba(255, 205, 1, 0.15);

  /* Sombras internas */
  --shadow-inner: inset 0 2px 4px rgba(95, 36, 159, 0.06);
  --shadow-inner-lg: inset 0 4px 8px rgba(95, 36, 159, 0.1);


  /* ========== OVERLAYS Y TRANSPARENCIAS ========== */

  /* Overlays morados */
  --overlay-purple-light: rgba(95, 36, 159, 0.05);
  --overlay-purple-medium: rgba(95, 36, 159, 0.15);
  --overlay-purple-dark: rgba(95, 36, 159, 0.3);
  --overlay-purple-darker: rgba(95, 36, 159, 0.6);
  --overlay-purple-darkest: rgba(95, 36, 159, 0.85);

  /* Overlays amarillos */
  --overlay-yellow-light: rgba(255, 205, 1, 0.05);
  --overlay-yellow-medium: rgba(255, 205, 1, 0.15);
  --overlay-yellow-dark: rgba(255, 205, 1, 0.3);

  /* Overlays negros con tinte morado */
  --overlay-dark-light: rgba(27, 14, 35, 0.4);
  --overlay-dark-medium: rgba(27, 14, 35, 0.6);
  --overlay-dark-dark: rgba(27, 14, 35, 0.8);

  /* Overlays blancos */
  --overlay-white-light: rgba(255, 255, 255, 0.7);
  --overlay-white-medium: rgba(255, 255, 255, 0.85);
  --overlay-white-dark: rgba(255, 255, 255, 0.95);


  /* ========== EFECTOS GLASSMORPHISM ========== */

  --glass-purple: rgba(95, 36, 159, 0.1);
  --glass-purple-backdrop: blur(10px) saturate(180%);

  --glass-yellow: rgba(255, 205, 1, 0.1);
  --glass-yellow-backdrop: blur(10px) saturate(180%);

  --glass-white: rgba(255, 255, 255, 0.1);
  --glass-backdrop: blur(12px) saturate(180%);


  /* ========== COLORES PARA CARDS Y COMPONENTES ========== */

  /* Priority colors */
  --priority-urgent: #DC2626;     /* Rojo urgente */
  --priority-high: #EA580C;       /* Naranja alto */
  --priority-medium: #F59E0B;     /* Amarillo medio */
  --priority-low: #10B981;        /* Verde bajo */
  --priority-normal: #E5E7EB;     /* Gris normal */

  /* Status colors con identidad Neonet */
  --status-pending: var(--neonet-gray-400);
  --status-in-progress: var(--neonet-purple-500);
  --status-review: var(--neonet-yellow-500);
  --status-completed: var(--neonet-success-500);
  --status-blocked: var(--neonet-error-500);

  /* Label colors (variedad con morados y amarillos) */
  --label-purple: var(--neonet-purple-500);
  --label-violet: var(--neonet-violet-500);
  --label-magenta: var(--neonet-magenta-500);
  --label-yellow: var(--neonet-yellow-500);
  --label-amber: var(--neonet-amber-500);
  --label-gold: var(--neonet-gold-500);
  --label-lime: var(--neonet-lime-500);
  --label-cyan: var(--neonet-cyan-500);
  --label-blue: var(--neonet-info-500);
  --label-green: var(--neonet-success-500);
  --label-red: var(--neonet-error-500);
  --label-gray: var(--neonet-gray-500);
}

/* ========== UTILIDADES DE CLASE ========== */

/* Backgrounds */
.bg-neonet-purple { background-color: var(--neonet-purple) !important; }
.bg-neonet-yellow { background-color: var(--neonet-yellow) !important; }
.bg-neonet-purple-50 { background-color: var(--neonet-purple-50) !important; }
.bg-neonet-purple-100 { background-color: var(--neonet-purple-100) !important; }
.bg-neonet-yellow-50 { background-color: var(--neonet-yellow-50) !important; }
.bg-neonet-yellow-100 { background-color: var(--neonet-yellow-100) !important; }

/* Text colors */
.text-neonet-purple { color: var(--neonet-purple) !important; }
.text-neonet-yellow { color: var(--neonet-yellow) !important; }

/* Borders */
.border-neonet-purple { border-color: var(--neonet-purple) !important; }
.border-neonet-yellow { border-color: var(--neonet-yellow) !important; }

/* Sombras */
.shadow-purple { -webkit-box-shadow: var(--shadow-lg) !important; box-shadow: var(--shadow-lg) !important; }
.shadow-purple-glow { -webkit-box-shadow: var(--shadow-purple-glow) !important; box-shadow: var(--shadow-purple-glow) !important; }
.shadow-yellow-glow { -webkit-box-shadow: var(--shadow-yellow-glow) !important; box-shadow: var(--shadow-yellow-glow) !important; }
.shadow-neonet-glow { -webkit-box-shadow: var(--shadow-neonet-glow) !important; box-shadow: var(--shadow-neonet-glow) !important; }

/* Glassmorphism */
.glass-purple {
  background: var(--glass-purple) !important;
  backdrop-filter: var(--glass-purple-backdrop) !important;
  -webkit-backdrop-filter: var(--glass-purple-backdrop) !important;
}

.glass-white {
  background: var(--glass-white) !important;
  backdrop-filter: var(--glass-backdrop) !important;
  -webkit-backdrop-filter: var(--glass-backdrop) !important;
}

/* ========== DEMO: SHOWCASE DE PALETA ========== */
.neonet-palette-showcase {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 1rem;
  padding: 2rem;
}

.color-swatch {
  aspect-ratio: 1;
  border-radius: 12px;
  -webkit-box-shadow: var(--shadow-md);
          box-shadow: var(--shadow-md);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: white;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.color-swatch:hover {
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-box-shadow: var(--shadow-xl);
          box-shadow: var(--shadow-xl);
}
/**
 * NeoButton Styles - Usando toda la paleta Neonet
 * Variantes: primary, secondary, tertiary, outline, danger, success
 * Variantes extendidas: purple, yellow, cyan, magenta, lime, amber
 * Todas con interacciones de hover usando colores complementarios
 *
 * @see NeonetColorShowcase.vue para paleta completa
 */

/* ========== BASE BUTTON ========== */

.neo-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  font-family: inherit;
  font-weight: 600;
  text-decoration: none;
  border: 2px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  min-height: 44px;
  min-width: 44px;
}

.neo-btn:disabled {
  background: var(--neonet-gray-200);
  color: var(--neonet-gray-400);
  border-color: var(--neonet-gray-200);
  cursor: not-allowed;
  opacity: 1;
}

.neo-btn:focus-visible {
  outline: 2px solid var(--neonet-purple-500);
  outline-offset: 2px;
}

/* ========== SIZES ========== */

.neo-btn--sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  min-height: 44px;
}

.neo-btn--md {
  padding: 0.75rem 1.5rem;
  font-size: 0.95rem;
  min-height: 44px;
}

.neo-btn--lg {
  padding: 1rem 2rem;
  font-size: 1.0625rem;
  min-height: 48px;
}

/* ========== BRAND VARIANTS (Purple → Yellow) ========== */

/* Primary - Purple con Yellow hover */
.neo-btn--primary {
  background: var(--neonet-purple-500);
  color: white;
  border-color: var(--neonet-purple-500);
}

.neo-btn--primary:hover:not(:disabled) {
  background: var(--neonet-purple-600);
  border-color: var(--neonet-purple-600);
  color: var(--neonet-yellow-500);
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}

.neo-btn--primary:active:not(:disabled) {
  background: var(--neonet-purple-700);
  color: var(--neonet-yellow-400);
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Secondary - Purple outline con Yellow hover */
.neo-btn--secondary {
  background: transparent;
  color: var(--neonet-purple-600);
  border-color: var(--neonet-purple-500);
}

.neo-btn--secondary:hover:not(:disabled) {
  background: var(--neonet-purple-50);
  border-color: var(--neonet-purple-600);
  color: var(--neonet-yellow-700);
}

/* Tertiary - Purple text con Yellow hover */
.neo-btn--tertiary {
  background: transparent;
  color: var(--neonet-purple-600);
  border-color: transparent;
}

.neo-btn--tertiary:hover:not(:disabled) {
  background: var(--neonet-purple-50);
  color: var(--neonet-yellow-700);
}

/* ========== SEMANTIC VARIANTS ========== */

/* Danger - Red */
.neo-btn--danger {
  background: var(--neonet-error-500);
  color: white;
  border-color: var(--neonet-error-500);
}

.neo-btn--danger:hover:not(:disabled) {
  background: var(--neonet-error-600);
  border-color: var(--neonet-error-600);
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}

.neo-btn--danger:active:not(:disabled) {
  background: var(--neonet-error-700);
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Success - Green con Lime hover */
.neo-btn--success {
  background: var(--neonet-success-500);
  color: white;
  border-color: var(--neonet-success-500);
}

.neo-btn--success:hover:not(:disabled) {
  background: var(--neonet-success-600);
  border-color: var(--neonet-success-600);
  color: var(--neonet-lime-500);
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}

.neo-btn--success:active:not(:disabled) {
  background: var(--neonet-success-700);
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Outline - Neutral */
.neo-btn--outline {
  background: white;
  color: var(--neonet-purple-600);
  border-color: var(--neonet-gray-300);
}

.neo-btn--outline:hover:not(:disabled) {
  background: var(--neonet-gray-50);
  border-color: var(--neonet-gray-400);
}

/* ========== COLOR PALETTE VARIANTS ========== */

/* Purple Button (explicit) - Same as primary */
.neo-btn--purple {
  background: var(--neonet-purple-500);
  color: white;
  border-color: var(--neonet-purple-500);
}

.neo-btn--purple:hover:not(:disabled) {
  background: var(--neonet-purple-600);
  color: var(--neonet-yellow-500);
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}

/* Yellow Button - Yellow con Purple hover */
.neo-btn--yellow {
  background: var(--neonet-yellow-500);
  color: var(--neonet-gray-900);
  border-color: var(--neonet-yellow-500);
}

.neo-btn--yellow:hover:not(:disabled) {
  background: var(--neonet-yellow-600);
  color: var(--neonet-purple-700);
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}

/* Cyan Button - Cyan con Purple hover (complementario) */
.neo-btn--cyan {
  background: var(--neonet-cyan-500);
  color: white;
  border-color: var(--neonet-cyan-500);
}

.neo-btn--cyan:hover:not(:disabled) {
  background: #00B8E6;
  color: var(--neonet-purple-200);
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}

/* Magenta Button - Magenta con Violet hover */
.neo-btn--magenta {
  background: var(--neonet-magenta-500);
  color: white;
  border-color: var(--neonet-magenta-500);
}

.neo-btn--magenta:hover:not(:disabled) {
  background: #B800E6;
  color: var(--neonet-violet-200);
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}

/* Lime Button - Lime con Success hover */
.neo-btn--lime {
  background: var(--neonet-lime-500);
  color: var(--neonet-gray-900);
  border-color: var(--neonet-lime-500);
}

.neo-btn--lime:hover:not(:disabled) {
  background: #8AB800;
  color: var(--neonet-gray-900);
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}

/* Amber Button - Amber con Gold hover */
.neo-btn--amber {
  background: var(--neonet-amber-500);
  color: var(--neonet-gray-900);
  border-color: var(--neonet-amber-500);
}

.neo-btn--amber:hover:not(:disabled) {
  background: var(--neonet-gold-500);
  color: var(--neonet-gray-900);
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}

/* Indigo Button - Indigo con Purple hover */
.neo-btn--indigo {
  background: var(--neonet-indigo-500);
  color: white;
  border-color: var(--neonet-indigo-500);
}

.neo-btn--indigo:hover:not(:disabled) {
  background: var(--neonet-purple-500);
  color: white;
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}

/* Violet Button - Violet con Magenta hover */
.neo-btn--violet {
  background: var(--neonet-violet-500);
  color: white;
  border-color: var(--neonet-violet-500);
}

.neo-btn--violet:hover:not(:disabled) {
  background: var(--neonet-magenta-500);
  color: white;
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}

/* ========== BLOCK BUTTON ========== */

.neo-btn--block {
  width: 100%;
}

/* ========== LOADING STATE ========== */

.neo-btn-spinner {
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: neo-spin 0.6s linear infinite;
          animation: neo-spin 0.6s linear infinite;
}

@-webkit-keyframes neo-spin {
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes neo-spin {
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

/* ========== ICONS ========== */

.neo-btn-icon {
  font-size: 1em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.neo-btn-icon--right {
  margin-left: 0.25rem;
}

.neo-btn-text:empty {
  display: none;
}

.neo-btn-text:empty + .neo-btn-icon--right {
  margin-left: 0;
}
/**
 * NeoAlert Styles - Minimal flat alerts usando toda la paleta Neonet
 * Combinaciones creativas de colores complementarios y triádicos
 * Purple→Yellow hover para alerts de marca
 *
 * @see NeonetColorShowcase.vue para paleta completa
 */

/* ========== BASE ALERT ========== */

.neo-alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.875rem;
  padding: 1rem 1.25rem;
  border-radius: 8px;
  border-left: 3px solid;
  font-size: 0.9375rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.neo-alert-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 20px;
  margin-top: 1px;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.neo-alert-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}

.neo-alert-title {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0.25rem;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.neo-alert-message {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 400;
  opacity: 0.9;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.neo-alert-message:only-child {
  margin-top: 2px;
}

.neo-alert-actions {
  margin-top: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}

.neo-alert-close {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  opacity: 0.4;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: currentColor;
  padding: 0;
  margin: -2px -2px 0 0;
}

.neo-alert-close:hover {
  opacity: 0.8;
  background: rgba(0, 0, 0, 0.04);
}

.neo-alert-close i {
  font-size: 16px;
}

/* ========== COMBINACIONES DE COLORES ========== */

/* Success - Verde con acento Lime (complementario) */
.neo-alert--success {
  background: var(--neonet-success-50);
  border-left-color: var(--neonet-lime-500);
  color: var(--neonet-success-900);
}

.neo-alert--success .neo-alert-icon {
  color: var(--neonet-lime-500);
}

.neo-alert--success .neo-alert-title {
  color: var(--neonet-success-800);
}

.neo-alert--success:hover {
  background: var(--neonet-success-100);
  border-left-color: var(--neonet-success-500);
}

.neo-alert--success:hover .neo-alert-icon {
  color: var(--neonet-success-600);
}

/* Error - Rojo con acento oscuro */
.neo-alert--error {
  background: var(--neonet-error-50);
  border-left-color: var(--neonet-error-500);
  color: var(--neonet-error-900);
}

.neo-alert--error .neo-alert-icon {
  color: var(--neonet-error-600);
}

.neo-alert--error .neo-alert-title {
  color: var(--neonet-error-800);
}

.neo-alert--error:hover {
  background: var(--neonet-error-100);
}

/* Warning - Amarillo con acento Amber */
.neo-alert--warning {
  background: var(--neonet-yellow-100);
  border-left-color: var(--neonet-amber-500);
  color: var(--neonet-yellow-900);
}

.neo-alert--warning .neo-alert-icon {
  color: var(--neonet-amber-500);
}

.neo-alert--warning .neo-alert-title {
  color: var(--neonet-yellow-900);
}

.neo-alert--warning:hover {
  background: var(--neonet-yellow-200);
  border-left-color: var(--neonet-gold-500);
}

.neo-alert--warning:hover .neo-alert-icon {
  color: var(--neonet-gold-500);
}

/* Info - Cyan (triádico) */
.neo-alert--info {
  background: #E0F7FF;
  border-left-color: var(--neonet-cyan-500);
  color: #006B8F;
}

.neo-alert--info .neo-alert-icon {
  color: var(--neonet-cyan-500);
}

.neo-alert--info .neo-alert-title {
  color: #00546E;
}

.neo-alert--info:hover {
  background: #B3EBFF;
}

/* Purple - Morado principal con Yellow hover (BRAND) */
.neo-alert--purple {
  background: var(--neonet-purple-50);
  border-left-color: var(--neonet-purple-500);
  color: var(--neonet-purple-900);
}

.neo-alert--purple .neo-alert-icon {
  color: var(--neonet-purple-600);
}

.neo-alert--purple .neo-alert-title {
  color: var(--neonet-purple-800);
}

/* BRAND INTERACTION: Purple → Yellow on hover */
.neo-alert--purple:hover {
  background: var(--neonet-purple-100);
  border-left-color: var(--neonet-yellow-500);
}

.neo-alert--purple:hover .neo-alert-title {
  color: var(--neonet-yellow-700);
}

.neo-alert--purple:hover .neo-alert-message {
  color: var(--neonet-yellow-800);
}

.neo-alert--purple:hover .neo-alert-icon {
  color: var(--neonet-yellow-600);
}

/* Cyan - Cyan con acento Purple (complementario) */
.neo-alert--cyan {
  background: #E0F7FF;
  border-left-color: var(--neonet-cyan-500);
  color: #006B8F;
}

.neo-alert--cyan .neo-alert-icon {
  color: var(--neonet-cyan-500);
}

.neo-alert--cyan .neo-alert-title {
  color: #00546E;
}

.neo-alert--cyan:hover {
  background: #B3EBFF;
  border-left-color: var(--neonet-purple-500);
}

.neo-alert--cyan:hover .neo-alert-title {
  color: var(--neonet-purple-700);
}

.neo-alert--cyan:hover .neo-alert-message {
  color: var(--neonet-purple-800);
}

.neo-alert--cyan:hover .neo-alert-icon {
  color: var(--neonet-purple-600);
}

/* Magenta - Magenta con acento Violet (triádico) */
.neo-alert--magenta {
  background: #FFE0FF;
  border-left-color: var(--neonet-magenta-500);
  color: #660066;
}

.neo-alert--magenta .neo-alert-icon {
  color: var(--neonet-magenta-500);
}

.neo-alert--magenta .neo-alert-title {
  color: #800080;
}

.neo-alert--magenta:hover {
  background: #FFB3FF;
  border-left-color: var(--neonet-violet-500);
}

.neo-alert--magenta:hover .neo-alert-icon {
  color: var(--neonet-violet-500);
}

/* ========== RESPONSIVE ========== */

@media (max-width: 640px) {
  .neo-alert {
    padding: 0.875rem 1rem;
    gap: 0.75rem;
  }

  .neo-alert-icon {
    font-size: 18px;
  }

  .neo-alert-title {
    font-size: 0.875rem;
  }

  .neo-alert-message {
    font-size: 0.8125rem;
  }

  .neo-alert-actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.375rem;
  }
}
/**
 * NeoInput Styles - Input fields usando toda la paleta Neonet
 * Estados: normal, error, success, purple, cyan, warning
 * Todos con focus states usando colores complementarios
 *
 * @see NeonetColorShowcase.vue para paleta completa
 */

/* ========== BASE INPUT ========== */

.neo-input-wrapper {
  position: relative;
  width: 100%;
}

.neo-input {
  width: 100%;
  padding: 0.75rem 1rem;
  font-family: inherit;
  font-size: 0.95rem;
  font-weight: 400;
  color: var(--neonet-gray-900);
  background: white;
  border: 2px solid var(--neonet-gray-300);
  border-radius: 8px;
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  min-height: 44px;
}

.neo-input::-webkit-input-placeholder {
  color: var(--neonet-gray-400);
}

.neo-input::-moz-placeholder {
  color: var(--neonet-gray-400);
}

.neo-input:-ms-input-placeholder {
  color: var(--neonet-gray-400);
}

.neo-input::-ms-input-placeholder {
  color: var(--neonet-gray-400);
}

.neo-input::placeholder {
  color: var(--neonet-gray-400);
}

/* Default focus - Purple con Yellow hint */
.neo-input:focus {
  outline: none;
  border-color: var(--neonet-purple-500);
  -webkit-box-shadow: 0 0 0 3px rgba(95, 36, 159, 0.1);
          box-shadow: 0 0 0 3px rgba(95, 36, 159, 0.1);
}

.neo-input:focus-visible {
  outline: 2px solid var(--neonet-purple-500);
  outline-offset: 2px;
}

/* ========== SIZES ========== */

.neo-input--sm {
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  min-height: 44px;
}

.neo-input--md {
  padding: 0.75rem 1rem;
  font-size: 0.95rem;
  min-height: 44px;
}

.neo-input--lg {
  padding: 1rem 1.25rem;
  font-size: 1.0625rem;
  min-height: 48px;
}

/* ========== STATES CON COMBINACIONES DE COLORES ========== */

/* Error State - Red */
.neo-input--error {
  border-color: var(--neonet-error-500);
  background: var(--neonet-error-50);
}

.neo-input--error:focus {
  border-color: var(--neonet-error-500);
  -webkit-box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
          box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

/* Success State - Green con Lime accent */
.neo-input--success {
  border-color: var(--neonet-success-500);
  background: var(--neonet-success-50);
}

.neo-input--success:focus {
  border-color: var(--neonet-lime-500);
  -webkit-box-shadow: 0 0 0 3px rgba(159, 205, 1, 0.1);
          box-shadow: 0 0 0 3px rgba(159, 205, 1, 0.1);
}

/* Purple State (Brand) - Purple con Yellow focus */
.neo-input--purple {
  border-color: var(--neonet-purple-500);
  background: var(--neonet-purple-50);
  color: var(--neonet-purple-900);
}

.neo-input--purple:focus {
  border-color: var(--neonet-yellow-600);
  -webkit-box-shadow: 0 0 0 3px rgba(255, 205, 1, 0.15);
          box-shadow: 0 0 0 3px rgba(255, 205, 1, 0.15);
}

.neo-input--purple::-webkit-input-placeholder {
  color: var(--neonet-purple-400);
}

.neo-input--purple::-moz-placeholder {
  color: var(--neonet-purple-400);
}

.neo-input--purple:-ms-input-placeholder {
  color: var(--neonet-purple-400);
}

.neo-input--purple::-ms-input-placeholder {
  color: var(--neonet-purple-400);
}

.neo-input--purple::placeholder {
  color: var(--neonet-purple-400);
}

/* Cyan State - Cyan con Purple focus */
.neo-input--cyan {
  border-color: var(--neonet-cyan-500);
  background: #E0F7FF;
  color: #006B8F;
}

.neo-input--cyan:focus {
  border-color: var(--neonet-purple-500);
  -webkit-box-shadow: 0 0 0 3px rgba(95, 36, 159, 0.1);
          box-shadow: 0 0 0 3px rgba(95, 36, 159, 0.1);
}

/* Warning State - Yellow con Amber accent */
.neo-input--warning {
  border-color: var(--neonet-yellow-600);
  background: var(--neonet-yellow-100);
  color: var(--neonet-yellow-900);
}

.neo-input--warning:focus {
  border-color: var(--neonet-amber-500);
  -webkit-box-shadow: 0 0 0 3px rgba(255, 170, 1, 0.15);
          box-shadow: 0 0 0 3px rgba(255, 170, 1, 0.15);
}

/* Magenta State - Magenta con Violet focus */
.neo-input--magenta {
  border-color: var(--neonet-magenta-500);
  background: #FFE0FF;
  color: #660066;
}

.neo-input--magenta:focus {
  border-color: var(--neonet-violet-500);
  -webkit-box-shadow: 0 0 0 3px rgba(127, 36, 255, 0.1);
          box-shadow: 0 0 0 3px rgba(127, 36, 255, 0.1);
}

/* Disabled State */
.neo-input--disabled,
.neo-input:disabled {
  background: var(--neonet-gray-100);
  color: var(--neonet-gray-400);
  border-color: var(--neonet-gray-200);
  cursor: not-allowed;
  opacity: 1;
}

/* Readonly State */
.neo-input:-moz-read-only {
  background: var(--neonet-gray-50);
  color: var(--neonet-gray-700);
  cursor: default;
}
.neo-input--readonly,
.neo-input:read-only {
  background: var(--neonet-gray-50);
  color: var(--neonet-gray-700);
  cursor: default;
}

/* ========== ICONS ========== */

.neo-input-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.25rem;
  color: var(--neonet-gray-500);
  pointer-events: none;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.neo-input-icon--left {
  left: 1rem;
}

.neo-input-icon--right {
  right: 1rem;
}

.neo-input--has-icon-left {
  padding-left: 3rem;
}

.neo-input--has-icon-right {
  padding-right: 3rem;
}

/* Icon colors match state */
.neo-input:focus ~ .neo-input-icon {
  color: var(--neonet-purple-500);
}

.neo-input--error ~ .neo-input-icon {
  color: var(--neonet-error-500);
}

.neo-input--success ~ .neo-input-icon {
  color: var(--neonet-lime-500);
}

.neo-input--purple:focus ~ .neo-input-icon {
  color: var(--neonet-yellow-600);
}

.neo-input--cyan:focus ~ .neo-input-icon {
  color: var(--neonet-purple-500);
}

.neo-input--warning ~ .neo-input-icon {
  color: var(--neonet-amber-500);
}

/* ========== ERROR MESSAGE ========== */

.neo-input-error-message {
  margin-top: 0.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--neonet-error-600);
  font-weight: 500;
}

/* ========== RESPONSIVE ========== */

@media (max-width: 768px) {
  .neo-input {
    font-size: 16px; /* Prevents zoom on iOS */
  }

  .neo-input--sm {
    font-size: 14px;
  }

  .neo-input--lg {
    font-size: 17px;
  }
}
/**
 * NeoCard Styles - Card component usando toda la paleta Neonet
 * Variantes: default, purple, cyan, success, warning, error, magenta
 * Todos con hover states usando colores complementarios
 *
 * @see NeonetColorShowcase.vue para paleta completa
 */

/* ========== BASE CARD ========== */

.neo-card {
  background: white;
  border: 1px solid var(--neonet-gray-100);
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

/* ========== BORDER RADIUS ========== */

.neo-card--rounded-sm {
  border-radius: 4px;
}

.neo-card--rounded-md {
  border-radius: 8px;
}

.neo-card--rounded-lg {
  border-radius: 12px;
}

.neo-card--rounded-xl {
  border-radius: 16px;
}

.neo-card--rounded-full {
  border-radius: 9999px;
}

/* ========== SHADOWS ========== */

.neo-card--shadow-xs {
  -webkit-box-shadow: var(--shadow-xs);
          box-shadow: var(--shadow-xs);
}

.neo-card--shadow-sm {
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}

.neo-card--shadow-md {
  -webkit-box-shadow: var(--shadow-md);
          box-shadow: var(--shadow-md);
}

.neo-card--shadow-lg {
  -webkit-box-shadow: var(--shadow-lg);
          box-shadow: var(--shadow-lg);
}

.neo-card--shadow-xl {
  -webkit-box-shadow: var(--shadow-xl);
          box-shadow: var(--shadow-xl);
}

/* ========== PADDING ========== */

.neo-card--padding-sm .neo-card-body {
  padding: 0.75rem;
}

.neo-card--padding-md .neo-card-body {
  padding: 1.5rem;
}

.neo-card--padding-lg .neo-card-body {
  padding: 2rem;
}

.neo-card--padding-xl .neo-card-body {
  padding: 3rem;
}

.neo-card--padding-sm .neo-card-header,
.neo-card--padding-sm .neo-card-footer {
  padding: 0.75rem;
}

.neo-card--padding-md .neo-card-header,
.neo-card--padding-md .neo-card-footer {
  padding: 1.5rem;
}

.neo-card--padding-lg .neo-card-header,
.neo-card--padding-lg .neo-card-footer {
  padding: 2rem;
}

.neo-card--padding-xl .neo-card-header,
.neo-card--padding-xl .neo-card-footer {
  padding: 3rem;
}

/* ========== BASIC STATES ========== */

/* Hoverable Card */
.neo-card--hoverable {
  cursor: pointer;
}

.neo-card--hoverable:hover {
  border-color: var(--neonet-purple-100);
  -webkit-box-shadow: var(--shadow-lg);
          box-shadow: var(--shadow-lg);
}

.neo-card--hoverable:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/* Selected Card - Purple (default) */
.neo-card--selected {
  border: 2px solid var(--neonet-purple-500);
  background: var(--neonet-purple-50);
  -webkit-box-shadow: var(--shadow-md);
          box-shadow: var(--shadow-md);
}

.neo-card--selected .neo-card-header {
  background: var(--neonet-purple-100);
  border-bottom-color: var(--neonet-purple-200);
}

/* Disabled Card */
.neo-card--disabled {
  opacity: 0.5;
  background: var(--neonet-gray-50);
  cursor: not-allowed;
  pointer-events: none;
}

/* Borderless Card */
.neo-card--borderless {
  border: none;
}

/* ========== COLOR VARIANTS CON COMBINACIONES ========== */

/* Purple Card - Purple con Yellow hover */
.neo-card--purple {
  border: 2px solid var(--neonet-purple-200);
  background: var(--neonet-purple-50);
}

.neo-card--purple .neo-card-header {
  background: var(--neonet-purple-100);
  border-bottom-color: var(--neonet-purple-200);
  color: var(--neonet-purple-800);
}

.neo-card--purple:hover {
  border-color: var(--neonet-purple-300);
  -webkit-box-shadow: var(--shadow-md);
          box-shadow: var(--shadow-md);
}

.neo-card--purple.neo-card--hoverable:hover .neo-card-header {
  color: var(--neonet-yellow-700);
}

/* Cyan Card - Cyan con Purple hover */
.neo-card--cyan {
  border: 2px solid #B3EBFF;
  background: #E0F7FF;
}

.neo-card--cyan .neo-card-header {
  background: #B3EBFF;
  border-bottom-color: var(--neonet-cyan-500);
  color: #00546E;
}

.neo-card--cyan:hover {
  border-color: var(--neonet-cyan-500);
  -webkit-box-shadow: var(--shadow-md);
          box-shadow: var(--shadow-md);
}

.neo-card--cyan.neo-card--hoverable:hover .neo-card-header {
  color: var(--neonet-purple-700);
}

/* Success Card - Green con Lime hover */
.neo-card--success {
  border: 2px solid var(--neonet-success-200);
  background: var(--neonet-success-50);
}

.neo-card--success .neo-card-header {
  background: var(--neonet-success-100);
  border-bottom-color: var(--neonet-success-300);
  color: var(--neonet-success-800);
}

.neo-card--success:hover {
  border-color: var(--neonet-success-300);
  -webkit-box-shadow: var(--shadow-md);
          box-shadow: var(--shadow-md);
}

.neo-card--success.neo-card--hoverable:hover {
  border-color: var(--neonet-lime-500);
}

/* Warning Card - Yellow con Amber hover */
.neo-card--warning {
  border: 2px solid var(--neonet-yellow-300);
  background: var(--neonet-yellow-100);
}

.neo-card--warning .neo-card-header {
  background: var(--neonet-yellow-200);
  border-bottom-color: var(--neonet-yellow-400);
  color: var(--neonet-yellow-900);
}

.neo-card--warning:hover {
  border-color: var(--neonet-amber-500);
  -webkit-box-shadow: var(--shadow-md);
          box-shadow: var(--shadow-md);
}

/* Error Card - Red */
.neo-card--error {
  border: 2px solid var(--neonet-error-200);
  background: var(--neonet-error-50);
}

.neo-card--error .neo-card-header {
  background: var(--neonet-error-100);
  border-bottom-color: var(--neonet-error-300);
  color: var(--neonet-error-800);
}

.neo-card--error:hover {
  border-color: var(--neonet-error-300);
  -webkit-box-shadow: var(--shadow-md);
          box-shadow: var(--shadow-md);
}

/* Magenta Card - Magenta con Violet hover */
.neo-card--magenta {
  border: 2px solid #FFB3FF;
  background: #FFE0FF;
}

.neo-card--magenta .neo-card-header {
  background: #FFB3FF;
  border-bottom-color: var(--neonet-magenta-500);
  color: #800080;
}

.neo-card--magenta:hover {
  border-color: var(--neonet-magenta-500);
  -webkit-box-shadow: var(--shadow-md);
          box-shadow: var(--shadow-md);
}

.neo-card--magenta.neo-card--hoverable:hover {
  border-color: var(--neonet-violet-500);
}

/* ========== CARD SECTIONS ========== */

.neo-card-header {
  background: var(--neonet-gray-50);
  border-bottom: 1px solid var(--neonet-gray-200);
  font-weight: 600;
  color: var(--neonet-gray-900);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.neo-card-body {
  color: var(--neonet-gray-700);
}

.neo-card-footer {
  background: var(--neonet-gray-50);
  border-top: 1px solid var(--neonet-gray-200);
  color: var(--neonet-gray-600);
}

/* ========== RESPONSIVE ========== */

@media (max-width: 768px) {
  .neo-card--padding-md .neo-card-body,
  .neo-card--padding-md .neo-card-header,
  .neo-card--padding-md .neo-card-footer {
    padding: 1rem;
  }

  .neo-card--padding-lg .neo-card-body,
  .neo-card--padding-lg .neo-card-header,
  .neo-card--padding-lg .neo-card-footer {
    padding: 1.25rem;
  }

  .neo-card--padding-xl .neo-card-body,
  .neo-card--padding-xl .neo-card-header,
  .neo-card--padding-xl .neo-card-footer {
    padding: 1.5rem;
  }
}
/**
 * NeoBadge Styles - Badge component usando toda la paleta Neonet
 * Variantes: success, warning, danger, info, primary, secondary, neutral
 * Variantes extendidas: purple, yellow, cyan, magenta, lime, amber, violet
 * Estados: pending, in-progress, completed
 *
 * @see NeonetColorShowcase.vue para paleta completa
 */

/* ========== BASE BADGE ========== */

.neo-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  padding: 0.4rem 0.9rem;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 600;
  line-height: 1.2;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  white-space: nowrap;
}

/* ========== SIZES ========== */

.neo-badge--sm {
  padding: 0.25rem 0.625rem;
  font-size: 0.75rem;
}

.neo-badge--lg {
  padding: 0.5rem 1.125rem;
  font-size: 0.9375rem;
}

/* ========== ICON & DOT ========== */

.neo-badge-icon {
  font-size: 1em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.neo-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: currentColor;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* ========== SEMANTIC VARIANTS (soft backgrounds) ========== */

/* Success - Green */
.neo-badge--success {
  background: var(--neonet-success-100);
  color: var(--neonet-success-700);
}

.neo-badge--success:hover {
  background: var(--neonet-success-200);
}

/* Warning - Yellow */
.neo-badge--warning {
  background: var(--neonet-yellow-200);
  color: var(--neonet-yellow-900);
}

.neo-badge--warning:hover {
  background: var(--neonet-yellow-300);
}

/* Danger - Red */
.neo-badge--danger {
  background: var(--neonet-error-100);
  color: var(--neonet-error-700);
}

.neo-badge--danger:hover {
  background: var(--neonet-error-200);
}

/* Info - Cyan */
.neo-badge--info {
  background: #B3EBFF;
  color: #00546E;
}

.neo-badge--info:hover {
  background: var(--neonet-cyan-500);
  color: white;
}

/* Primary - Purple */
.neo-badge--primary {
  background: var(--neonet-purple-100);
  color: var(--neonet-purple-700);
}

.neo-badge--primary:hover {
  background: var(--neonet-purple-200);
  color: var(--neonet-yellow-700);
}

/* Secondary - Gray */
.neo-badge--secondary {
  background: var(--neonet-gray-200);
  color: var(--neonet-gray-700);
}

.neo-badge--secondary:hover {
  background: var(--neonet-gray-300);
}

/* Neutral - Light gray */
.neo-badge--neutral {
  background: var(--neonet-gray-100);
  color: var(--neonet-gray-600);
}

/* ========== SOLID VARIANTS (colored backgrounds) ========== */

/* Success Solid - Green con Lime hover */
.neo-badge--success-solid {
  background: var(--neonet-success-500);
  color: white;
}

.neo-badge--success-solid:hover {
  background: var(--neonet-lime-500);
  color: var(--neonet-gray-900);
}

/* Warning Solid - Yellow con Amber hover */
.neo-badge--warning-solid {
  background: var(--neonet-yellow-500);
  color: var(--neonet-gray-900);
}

.neo-badge--warning-solid:hover {
  background: var(--neonet-amber-500);
}

/* Danger Solid - Red */
.neo-badge--danger-solid {
  background: var(--neonet-error-500);
  color: white;
}

.neo-badge--danger-solid:hover {
  background: var(--neonet-error-600);
}

/* Info Solid - Cyan con Purple hover */
.neo-badge--info-solid {
  background: var(--neonet-cyan-500);
  color: white;
}

.neo-badge--info-solid:hover {
  background: var(--neonet-purple-500);
}

/* Primary Solid - Purple con Yellow hover */
.neo-badge--primary-solid {
  background: var(--neonet-purple-500);
  color: white;
}

.neo-badge--primary-solid:hover {
  background: var(--neonet-purple-600);
  color: var(--neonet-yellow-500);
}

/* Secondary Solid - Gray */
.neo-badge--secondary-solid {
  background: var(--neonet-gray-500);
  color: white;
}

.neo-badge--secondary-solid:hover {
  background: var(--neonet-gray-600);
}

/* ========== COLOR PALETTE VARIANTS ========== */

/* Purple */
.neo-badge--purple {
  background: var(--neonet-purple-100);
  color: var(--neonet-purple-700);
}

.neo-badge--purple:hover {
  background: var(--neonet-purple-500);
  color: var(--neonet-yellow-500);
}

/* Yellow */
.neo-badge--yellow {
  background: var(--neonet-yellow-200);
  color: var(--neonet-gray-900);
}

.neo-badge--yellow:hover {
  background: var(--neonet-yellow-500);
}

/* Cyan */
.neo-badge--cyan {
  background: #E0F7FF;
  color: #006B8F;
}

.neo-badge--cyan:hover {
  background: var(--neonet-cyan-500);
  color: white;
}

/* Magenta */
.neo-badge--magenta {
  background: #FFE0FF;
  color: #800080;
}

.neo-badge--magenta:hover {
  background: var(--neonet-magenta-500);
  color: white;
}

/* Lime */
.neo-badge--lime {
  background: #F0FFB3;
  color: #4D6600;
}

.neo-badge--lime:hover {
  background: var(--neonet-lime-500);
  color: var(--neonet-gray-900);
}

/* Amber */
.neo-badge--amber {
  background: #FFE6B3;
  color: #664400;
}

.neo-badge--amber:hover {
  background: var(--neonet-amber-500);
  color: var(--neonet-gray-900);
}

/* Violet */
.neo-badge--violet {
  background: #F0E0FF;
  color: #4D0099;
}

.neo-badge--violet:hover {
  background: var(--neonet-violet-500);
  color: white;
}

/* Indigo */
.neo-badge--indigo {
  background: #E8E0F5;
  color: #3B1E70;
}

.neo-badge--indigo:hover {
  background: var(--neonet-indigo-500);
  color: white;
}

/* ========== STATUS VARIANTS ========== */

/* Pending - Purple light */
.neo-badge--pending {
  background: var(--neonet-purple-100);
  color: var(--neonet-purple-700);
}

/* In Progress - Purple medium */
.neo-badge--in-progress,
.neo-badge--progress {
  background: var(--neonet-purple-500);
  color: white;
}

/* Completed - Green */
.neo-badge--completed {
  background: var(--neonet-success-500);
  color: white;
}

/* Urgent - Red */
.neo-badge--urgent {
  background: var(--neonet-error-500);
  color: white;
  -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
          animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@-webkit-keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
}

/* High Priority - Amber */
.neo-badge--high {
  background: var(--neonet-amber-500);
  color: var(--neonet-gray-900);
}

/* Normal Priority - Gray */
.neo-badge--normal {
  background: var(--neonet-gray-400);
  color: white;
}

/* ========== OUTLINE VARIANT ========== */

.neo-badge--outline {
  background: transparent;
  border: 1.5px solid currentColor;
  padding: calc(0.4rem - 1.5px) calc(0.9rem - 1.5px);
}

.neo-badge--outline.neo-badge--sm {
  padding: calc(0.25rem - 1.5px) calc(0.625rem - 1.5px);
}

.neo-badge--outline.neo-badge--lg {
  padding: calc(0.5rem - 1.5px) calc(1.125rem - 1.5px);
}
/* ==========================================================================
   ESTILOS GLOBALES PARA IMPRESIÓN / PDF
   Oculta elementos de navegación y UI que no deben aparecer en PDFs
   ========================================================================== */

@media print {
  /* Configuración de página */
  @page {
    size: letter;
    margin: 0.5in;
  }

  /* Ocultar elementos de navegación */
  .navbar,
  .navbar-expand-md,
  header.navbar,
  .sidebar,
  .page-wrapper > .page-header,
  .page-header,
  .breadcrumb,
  .navbar-toggler,
  .dropdown,
  .nav-item,
  footer.page-footer,
  .btn-print,
  .no-print,
  [data-bs-toggle],
  .modal-backdrop {
    display: none !important;
  }

  /* Asegurar que el contenido principal ocupe todo el ancho */
  .page {
    margin: 0 !important;
    padding: 0 !important;
  }

  .page-wrapper {
    margin: 0 !important;
    padding: 0 !important;
  }

  .page-body {
    margin: 0 !important;
    padding: 0 !important;
  }

  .container,
  .container-xl,
  .container-fluid {
    max-width: 100% !important;
    padding: 0 !important;
  }

  /* Prevenir saltos de página en elementos importantes */
  .law-card,
  .color-swatch,
  article,
  section {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
    page-break-inside: avoid;
  }

  /* Asegurar que los colores se impriman correctamente */
  * {
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
  }

  /* Optimizar para impresión */
  body {
    background: white !important;
  }

  a {
    text-decoration: none !important;
  }

  /* Ocultar scrollbars */
  ::-webkit-scrollbar {
    display: none !important;
  }
}