@charset "UTF-8";@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;800&display=swap');@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap");

.load-card[data-v-f31f6440] {
  background-color: rgba(24, 24, 27, 0.94) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(0, 191, 165, 0.25) !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.6), 0 0 30px rgba(0, 191, 165, 0.15) !important;
}
[data-v-f31f6440] .load-card,[data-v-f31f6440] .load-card .v-card__underlay,[data-v-f31f6440] .load-card .v-card__overlay {
  background-color: rgba(24, 24, 27, 0.94) !important;
  background: rgba(24, 24, 27, 0.94) !important;
}
.load-card__content[data-v-f31f6440] {
  display: flex;
  min-height: 110px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 20px 16px;
  color: #f4f4f5;
}
.load-brand-logo[data-v-f31f6440] {
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  margin-bottom: 0px;
}
.load-brand-logo .logo-icon[data-v-f31f6440] {
  color: #00bfa5;
  margin-right: 6px;
  filter: drop-shadow(0 0 8px rgba(0, 191, 165, 0.5));
  font-size: 24px;
  line-height: 1;
  animation: greenGlowPulse 8s ease-in-out infinite;
}
.load-brand-logo .logo-gk[data-v-f31f6440] {
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
  font-size: 1.25rem;
  background: linear-gradient(135deg, #1de9b6, #00897b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 1px;
  animation: greenTextFlash 8s ease-in-out infinite;
}
.load-brand-logo .logo-nexora[data-v-f31f6440] {
  font-family: 'Outfit', sans-serif;
  font-weight: 300;
  font-size: 1.25rem;
  color: #f5f5f5;
  letter-spacing: 2px;
  margin-left: 5px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.load-message[data-v-f31f6440] {
  width: 100%;
  font-size: 0.9rem;
  line-height: 1.35;
  color: #a1a1aa;
}
.load-message--centered[data-v-f31f6440] {
  text-align: center;
}
.load-progress[data-v-f31f6440] {
  width: 100%;
}
.load-progress--linea[data-v-f31f6440] {
  margin-top: 4px;
}

.message-content[data-v-98a81cce] {
  line-height: 1.8;
  font-size: 15px;
  min-height: 60px;
  border-left: 4px solid var(--98a81cce-headerColor);
}
.detail-info-card[data-v-98a81cce] {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 12px;
  overflow: hidden;
}
.detail-info-card[data-v-98a81cce]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
}
.detail-info-card .v-avatar[data-v-98a81cce] {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Animaciones */
@keyframes fadeInUp-98a81cce {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.detail-info-card[data-v-98a81cce] {
  animation: fadeInUp-98a81cce 0.4s ease-out;
}

/* Altura consistente para cards */
.h-100[data-v-98a81cce] {
  height: 100%;
}

/* Contenedor principal */
.images-container[data-v-0a8c4ccf] {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  padding: 8px 0;
}

/* Grid de miniaturas */
.image-wrapper[data-v-0a8c4ccf] {
  position: relative;
  display: inline-block;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.image-wrapper[data-v-0a8c4ccf]:hover {
  transform: scale(1.05);
}
.image-wrapper[data-v-0a8c4ccf]:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.image-thumbnail[data-v-0a8c4ccf] {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid transparent;
  transition: border-color 0.2s ease;
}
.image-thumbnail[data-v-0a8c4ccf]:hover {
  border-color: #1976d2;
  box-shadow: 0 2px 8px rgba(25, 118, 210, 0.3);
}
.imgPaste[data-v-0a8c4ccf] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.thumbnail-overlay[data-v-0a8c4ccf] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.image-thumbnail:hover .thumbnail-overlay[data-v-0a8c4ccf] {
  opacity: 1;
}
.thumbnail-counter[data-v-0a8c4ccf] {
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.75rem;
  color: #666;
  white-space: nowrap;
}

/* Overlay del visor */
.zoom-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.95);
  z-index: 99999;
  display: flex;
  flex-direction: column;
  animation: fadeIn-0a8c4ccf 0.2s ease-out;
}
@keyframes fadeIn-0a8c4ccf {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}

/* Contenedor del zoom */
.zoom-container[data-v-0a8c4ccf] {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Toolbar de controles */
.zoom-toolbar[data-v-0a8c4ccf] {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  z-index: 1;
}
.toolbar-center[data-v-0a8c4ccf] {
  display: flex;
  align-items: center;
  gap: 16px;
  color: white;
  font-weight: 500;
}
.image-counter[data-v-0a8c4ccf],
.zoom-level[data-v-0a8c4ccf] {
  font-size: 0.9rem;
  min-width: 60px;
  text-align: center;
}
.toolbar-buttons[data-v-0a8c4ccf] {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}

/* Visor de imagen */
.image-viewer[data-v-0a8c4ccf] {
  flex: 1;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
}
.imgPaste-zoom[data-v-0a8c4ccf] {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
  border-radius: 4px;
  user-select: none;
  transition: transform 0.1s ease-out;
}
.error-viewer[data-v-0a8c4ccf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #f44336;
}
.error-viewer p[data-v-0a8c4ccf] {
  font-size: 1.1rem;
  margin: 0;
}
.loader[data-v-0a8c4ccf] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Footer de información */
.zoom-footer[data-v-0a8c4ccf] {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.85rem;
  gap: 12px;
  flex-wrap: wrap;
}
.info-left[data-v-0a8c4ccf],
.info-center[data-v-0a8c4ccf],
.info-right[data-v-0a8c4ccf] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.filename[data-v-0a8c4ccf] {
  color: white;
  font-weight: 500;
  word-break: break-word;
}
.hint[data-v-0a8c4ccf] {
  font-size: 0.8rem;
  opacity: 0.8;
}
.dimensions[data-v-0a8c4ccf] {
  color: rgba(255, 255, 255, 0.6);
}

/* Botones */
[data-v-0a8c4ccf] .v-btn {
  transition: background-color 0.2s ease, transform 0.15s ease;
}
[data-v-0a8c4ccf] .v-btn:hover:not(:disabled) {
  transform: scale(1.1);
}
[data-v-0a8c4ccf] .v-btn:disabled {
  opacity: 0.5;
}

/* Responsive */
@media (max-width: 768px) {
.zoom-toolbar[data-v-0a8c4ccf] {
    padding: 8px;
}
.toolbar-buttons[data-v-0a8c4ccf] {
    width: 100%;
    justify-content: center;
}
.image-viewer[data-v-0a8c4ccf] {
    max-height: calc(100vh - 200px);
}
.zoom-footer[data-v-0a8c4ccf] {
    font-size: 0.75rem;
    padding: 8px;
}
}

/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
.image-wrapper[data-v-0a8c4ccf],
  .image-thumbnail[data-v-0a8c4ccf],
  .thumbnail-overlay[data-v-0a8c4ccf],.zoom-overlay,
  .imgPaste-zoom[data-v-0a8c4ccf],[data-v-0a8c4ccf] .v-btn {
    transition: none;
    animation: none;
}
}

.ticket-kv[data-v-1dc9a501] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 0;
}
.ticket-k[data-v-1dc9a501] {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 600;
  font-size: 13px;
}
.ticket-v[data-v-1dc9a501] {
  font-size: 14px;
}
.ticket-text[data-v-1dc9a501] {
  white-space: pre-line;
  line-height: 1.7;
}

.lh-1[data-v-46a83b30] {
    line-height: 1.2;
}
.border-dashed[data-v-46a83b30] {
    border: 1px dashed rgba(0,0,0,0.12);
}
.min-h-auto[data-v-46a83b30] {
    min-height: auto !important;
}
.border-green-lighten-4[data-v-46a83b30] {
    border-color: #C8E6C9 !important;
}

.lh-1[data-v-a3cf1e18] {
	line-height: 1.2;
}
.border-dashed[data-v-a3cf1e18] {
	border: 1px dashed rgba(0, 0, 0, 0.12);
}
.min-h-auto[data-v-a3cf1e18] {
	min-height: auto !important;
}
.border-green-lighten-4[data-v-a3cf1e18] {
	border-color: #c8e6c9 !important;
}
.border-red-lighten-4[data-v-a3cf1e18] {
	border-color: #ffcdd2 !important;
}
.border-orange-lighten-4[data-v-a3cf1e18] {
	border-color: #ffe0b2 !important;
}
.border-blue-lighten-4[data-v-a3cf1e18] {
	border-color: #bbdefb !important;
}
.border-grey-lighten-2[data-v-a3cf1e18] {
	border-color: #e0e0e0 !important;
}
.border-teal-lighten-4[data-v-a3cf1e18] {
	border-color: #b2dfdb !important;
}

.lh-1[data-v-2d74cc74] {
  line-height: 1.2;
}
.border-dashed[data-v-2d74cc74] {
  border: 1px dashed rgba(0, 0, 0, 0.12);
}
.border-green-lighten-4[data-v-2d74cc74] {
  border-color: #c8e6c9 !important;
}
.border-red-lighten-4[data-v-2d74cc74] {
  border-color: #ffcdd2 !important;
}
.border-orange-lighten-4[data-v-2d74cc74] {
  border-color: #ffe0b2 !important;
}
.border-blue-lighten-4[data-v-2d74cc74] {
  border-color: #bbdefb !important;
}
.border-grey-lighten-2[data-v-2d74cc74] {
  border-color: #e0e0e0 !important;
}

.btn-text[data-v-8e1a56b3] {
  color: rgb(253, 253, 253);
  font-weight: 500;
  letter-spacing: 0.5px;
}
.btnHeader[data-v-8e1a56b3] {
  margin: 3px 3px 3px 3px !important;
  padding: 6px 16px !important;
  white-space: nowrap;
}
.table-btn-action[data-v-8e1a56b3] {
  border-radius: 50% !important;
  background-color: #f1f5f9 !important;
  color: #475569 !important;
  border: 1px solid #cbd5e1 !important;
  transition: all 0.2s ease-in-out !important;
}
.table-btn-action--edit[data-v-8e1a56b3]:hover {
  background-color: #e0f2fe !important;
  border-color: #38bdf8 !important;
  color: #0284c7 !important;
}

.user-card[data-v-838de533] {
  width: 100%;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  background: var(--surface, #ffffff);
  box-shadow: none;
  border: none;
}
.user-card-header[data-v-838de533] {
  background: radial-gradient(circle at top left, #2563eb, #1d4ed8);
  padding: 32px;
  color: #ffffff;
}
.user-card-header-content[data-v-838de533] {
  display: flex;
  align-items: center;
  gap: 20px;
}
.user-avatar[data-v-838de533] {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.user-card-text[data-v-838de533] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.user-card-text h2[data-v-838de533] {
  margin: 0;
  font-size: 26px;
  font-weight: 700;
}
.user-role[data-v-838de533] {
  font-size: 15px;
  font-weight: 500;
  opacity: 0.85;
}
.user-email[data-v-838de533] {
  font-size: 14px;
  opacity: 0.7;
}
.status-chip[data-v-838de533] {
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  align-self: flex-start;
}
.status-chip.active[data-v-838de533] {
  background: #16a34a;
  color: #ffffff;
  border: 1px solid #15803d;
  box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.2);
}
.status-chip.inactive[data-v-838de533] {
  background: #ef4444;
  color: #ffffff;
  border: 1px solid #b91c1c;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.18);
}
.user-card-body[data-v-838de533] {
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.info-grid[data-v-838de533] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}
.info-block[data-v-838de533] {
  padding: 18px 20px;
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(148, 163, 184, 0.18);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.info-label[data-v-838de533] {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: #64748b;
  font-weight: 600;
}
.info-value[data-v-838de533] {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
}
.info-value.status-positive[data-v-838de533] {
  color: #16a34a;
}
.info-value.status-negative[data-v-838de533] {
  color: #ef4444;
}
.meta-section[data-v-838de533] {
  background: rgba(15, 23, 42, 0.02);
  border-radius: 14px;
  padding: 20px 24px;
  border: 1px solid rgba(148, 163, 184, 0.12);
}
.meta-section h3[data-v-838de533] {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 700;
  color: #1e293b;
}
.meta-section p[data-v-838de533] {
  margin: 0;
  font-size: 15px;
  color: #475569;
}
@media (max-width: 720px) {
.user-card[data-v-838de533] {
    border-radius: 0;
}
.user-card-header[data-v-838de533] {
    padding: 24px;
}
.user-card-body[data-v-838de533] {
    padding: 24px;
}
}

.table-btn-action[data-v-f004b320] {
  border-radius: 50% !important;
  background-color: #f1f5f9 !important;
  color: #475569 !important;
  border: 1px solid #cbd5e1 !important;
  transition: all 0.2s ease-in-out !important;
}
.table-btn-action--delete[data-v-f004b320]:hover {
  background-color: #ffe4e6 !important;
  border-color: #fda4af !important;
  color: #e11d48 !important;
}

.crud-group-form[data-v-f595f3aa] .v-field {
  border-radius: 12px;
}

.component-card[data-v-001e882a] {
  transition: box-shadow 0.2s ease;
}
.component-card[data-v-001e882a]:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}
.props-table[data-v-001e882a] th {
  padding: 6px 12px !important;
  background: rgba(var(--v-theme-surface-variant), 0.4);
}
.props-table[data-v-001e882a] td {
  padding: 5px 12px !important;
}
code[data-v-001e882a] {
  font-family: "Fira Code", "Consolas", monospace;
  font-size: 0.8rem;
  background: rgba(var(--v-theme-primary), 0.08);
  padding: 1px 5px;
  border-radius: 4px;
}

.texto-truncado-container[data-v-4d4de0bf] {
    display: inline-block;
    width: auto;
}
.texto-truncado[data-v-4d4de0bf] {
    word-break: break-word;
    overflow-wrap: break-word;
    transition: color 0.2s ease, text-decoration 0.2s ease;
}
.texto-truncado.cursor-pointer[data-v-4d4de0bf] {
    cursor: help;
    text-decoration: underline dotted rgba(0, 0, 0, 0.3);
}
.texto-truncado.cursor-pointer[data-v-4d4de0bf]:hover {
    color: var(--primary-color, #526dff);
    text-decoration: underline dotted rgba(82, 109, 255, 0.6);
}
.tooltip-content[data-v-4d4de0bf] {
    word-break: break-word;
    overflow-wrap: break-word;
    max-width: 400px;
    line-height: 1.4;
}

/* Respuesta a preferencias del usuario */
@media (prefers-reduced-motion: reduce) {
.texto-truncado[data-v-4d4de0bf] {
        transition: none;
}
}

/* Soporte para tema oscuro */
@media (prefers-color-scheme: dark) {
.texto-truncado.cursor-pointer[data-v-4d4de0bf] {
        text-decoration-color: rgba(255, 255, 255, 0.3);
}
.texto-truncado.cursor-pointer[data-v-4d4de0bf]:hover {
        text-decoration-color: rgba(82, 109, 255, 0.8);
}
}

.selector-adjuntos-container[data-v-aa81891c] {
  width: 100%;
}
.adjuntos-wrapper[data-v-aa81891c] {
  max-height: 320px;
  overflow-y: auto;
  padding: 10px 5px;
  background-color: #fdfdfd;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
}
.adjunto-card-vertical[data-v-aa81891c] {
  position: relative;
  border-radius: 8px !important;
  overflow: hidden;
  border: 1px solid #e0e0e0 !important;
  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.adjunto-card-vertical[data-v-aa81891c]:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}
.media-container[data-v-aa81891c] {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #f5f5f5;
  flex-shrink: 0;
  overflow: hidden;
}
.media-container[data-v-aa81891c]:hover {
  background-color: #eeeeee;
}
.media-container[data-v-aa81891c] .v-img {
  transition: filter 0.2s ease-out;
}
.media-container[data-v-aa81891c]:hover .v-img {
  filter: brightness(0.85);
}
.btn-delete-overlay[data-v-aa81891c] {
  position: absolute;
  top: 5px;
  right: 5px;
  opacity: 0.7;
  transition: opacity 0.2s ease-out;
}
.btn-delete-overlay[data-v-aa81891c]:hover {
  opacity: 1;
}
.line-height-1[data-v-aa81891c] {
  line-height: 1;
}
.cursor-pointer[data-v-aa81891c] {
  cursor: pointer;
}

/* Scrollbar styling */
.adjuntos-wrapper[data-v-aa81891c]::-webkit-scrollbar {
  width: 8px;
}
.adjuntos-wrapper[data-v-aa81891c]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.adjuntos-wrapper[data-v-aa81891c]::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
.adjuntos-wrapper[data-v-aa81891c]::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Contenedor */
.tooltip-wrapper[data-v-564d76be] {
  display: inline-block;
}

/* Disparador del tooltip */
.tooltip-trigger[data-v-564d76be] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 4px;
  transition: all 0.2s ease;
  outline: none;
}
.tooltip-trigger[data-v-564d76be]:hover {
  background: rgba(0, 0, 0, 0.04);
}
.tooltip-trigger[data-v-564d76be]:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* Ícono */
.icon-tooltip[data-v-564d76be] {
  transition: transform 0.2s ease;
}
.tooltip-trigger:hover .icon-tooltip[data-v-564d76be] {
  transform: scale(1.2);
}

/* Contenido del tooltip */
.tooltip-content[data-v-564d76be] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: white;
}

/* Estilos por tipo */
[data-v-564d76be] .v-tooltip__content.tooltip-info {
  background-color: rgba(33, 150, 243, 0.95) !important;
}
[data-v-564d76be] .v-tooltip__content.tooltip-warning {
  background-color: rgba(255, 152, 0, 0.95) !important;
}
[data-v-564d76be] .v-tooltip__content.tooltip-error {
  background-color: rgba(244, 67, 54, 0.95) !important;
}
[data-v-564d76be] .v-tooltip__content.tooltip-success {
  background-color: rgba(76, 175, 80, 0.95) !important;
}

/* Badge */
.tooltip-badge[data-v-564d76be] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 3px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.badge-info[data-v-564d76be] {
  background: rgba(255, 255, 255, 0.2);
}
.badge-warning[data-v-564d76be] {
  background: rgba(0, 0, 0, 0.15);
}
.badge-error[data-v-564d76be] {
  background: rgba(255, 255, 255, 0.2);
}
.badge-success[data-v-564d76be] {
  background: rgba(255, 255, 255, 0.2);
}
.badge-text[data-v-564d76be] {
  flex: 1;
}

/* Texto principal */
.tooltip-text[data-v-564d76be] {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.4;
  word-break: break-word;
}

/* Información adicional */
.tooltip-info[data-v-564d76be] {
  font-size: 0.8rem;
  opacity: 0.85;
  padding-top: 6px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  line-height: 1.3;
  font-style: italic;
}

/* Clases de cursor */
.cursor-pointer[data-v-564d76be] {
  cursor: pointer;
}
.cursor-help[data-v-564d76be] {
  cursor: help;
}

/* Responsive */
@media (max-width: 600px) {
.tooltip-trigger[data-v-564d76be] {
    padding: 6px;
}
.tooltip-text[data-v-564d76be] {
    font-size: 0.85rem;
}
.tooltip-info[data-v-564d76be] {
    font-size: 0.75rem;
}
}

/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
.tooltip-trigger[data-v-564d76be],
  .icon-tooltip[data-v-564d76be],[data-v-564d76be] .v-tooltip__content {
    transition: none;
    animation: none;
}
}
@media (prefers-color-scheme: dark) {
.tooltip-trigger[data-v-564d76be]:hover {
    background: rgba(255, 255, 255, 0.08);
}
}

.gk-crud-actions[data-v-8a35a13b] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  width: 100%;
  background: transparent;
}
.btn-cancelar[data-v-8a35a13b] {
  color: #475569 !important;
  border-color: #cbd5e1 !important;
  background-color: #ffffff !important;
}
.btn-cancelar[data-v-8a35a13b]:hover {
  background-color: #f8fafc !important;
  color: #1e293b !important;
}
.btn-guardar[data-v-8a35a13b],
.btn-modificar[data-v-8a35a13b] {
  color: #ffffff !important;
}

.estado-btn[data-v-10cb3df4] {
  border: 1px solid currentColor;
  opacity: 0.7;
  border-radius: 4px !important;
  width: 28px !important;
  height: 28px !important;
}
.estado-btn[data-v-10cb3df4]:hover {
  opacity: 1;
  background-color: rgba(var(--v-theme-primary), 0.1);
}
.dialog-card[data-v-10cb3df4] {
  position: relative;
}
.btn-cerrar[data-v-10cb3df4] {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 10px;
  height: 30px !important;
  width: 30px !important;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  z-index: 10;
}


/* Estilos específicos para el componente BarCodeGenerator */
.card-title[data-v-0dc2d54f] {
    margin-bottom: 10px;
    font-size: 1.25rem;
    font-weight: 500;
    color: #333;
}

[data-v-8d815d47] .v-field {
  min-height: 36px;
}
.image-uploader[data-v-f20a04ac] {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #aaa;
  border-radius: 0.5rem;
  box-shadow: inset 0 0 5px 1px #aaa;
  background: white;
  overflow: hidden;
  transition: all 0.3s ease;
}
.image-uploader.has-error[data-v-f20a04ac] {
  border-color: red;
}
.image-uploader .image-preview[data-v-f20a04ac] {
  width: 100%;
  height: 100%;
  object-fit: var(--f20a04ac-fitMode);
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.image-uploader .hidden-input[data-v-f20a04ac] {
  position: absolute;
  opacity: 0;
  width: 0.1px;
  height: 0.1px;
  overflow: hidden;
  z-index: -1;
}
.image-uploader label[data-v-f20a04ac] {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  box-sizing: border-box;
  position: relative;
}
.image-uploader .placeholder-text[data-v-f20a04ac] {
  color: #aaa;
  text-align: center;
  margin: 0;
  z-index: 1;
}
.image-uploader .progress-overlay[data-v-f20a04ac] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  font-weight: bold;
  transition: all 0.3s;
  z-index: 2;
}
.image-uploader .change-overlay[data-v-f20a04ac] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 1;
}
.image-uploader .error-list[data-v-f20a04ac] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0.5rem;
  list-style: none;
  background: rgba(255, 0, 0, 0.7);
  z-index: 2;
}
.image-uploader .error-list li[data-v-f20a04ac] {
  color: white;
  font-size: 0.8rem;
  text-align: center;
}
.image-uploader[data-v-f20a04ac]:hover {
  box-shadow: inset 0 0 10px 1px #ccc;
}
.image-uploader:hover .change-overlay[data-v-f20a04ac] {
  opacity: 1;
}
.contenedor-row[data-v-c1dac196] {
    margin: 0 !important;
    width: 100%;
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}
.contenedor-card[data-v-c1dac196] {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    width: 100%;
    max-width: 100%;
    flex: 1;
    min-height: 0;
    box-sizing: border-box;
    overflow: hidden;
}
.contenedor-filtro[data-v-c1dac196] {
    flex-shrink: 0;
    padding: 16px 20px 0 20px;
    background: inherit;
    z-index: 2;
}
.contenedor-main[data-v-c1dac196] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: auto;
    min-height: 0;
    padding: 0 20px;
}
.contenedor-tabla[data-v-c1dac196] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 0;
}
.contenedor-paginacion[data-v-c1dac196] {
    flex-shrink: 0;
    padding: 12px 20px 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.paste-image[data-v-70ae5d68] {
  width: 100%;
}
.images-container[data-v-70ae5d68] {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.image-wrapper[data-v-70ae5d68] {
  position: relative;
  display: inline-block;
}

/* Botón eliminar */
.remove-btn[data-v-70ae5d68] {
  position: absolute;
  top: 2px;
  right: 2px;
  padding: 0;
  min-width: 0;
  width: 22px;
  height: 22px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  z-index: 15;
}
.remove-btn[data-v-70ae5d68]:hover {
  background: #ffe5e5;
}
.remove-btn[data-v-70ae5d68] .v-icon {
  color: #d32f2f;
}
.imgPaste[data-v-70ae5d68] {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
}
.imgPaste[data-v-70ae5d68]:hover {
  border-color: #1976d2;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* Estilos globales para el zoom */
.zoom-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.imgPaste-zoom {
  max-width: 80vw;
  max-height: 80vh;
  object-fit: contain;
  border-radius: 8px;
  border: 2px solid #1976d2;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  background: white;
  padding: 5px;
  animation: zoomIn-70ae5d68 0.2s ease-out;
}
@keyframes zoomIn-70ae5d68 {
from {
    transform: scale(0.5);
    opacity: 0;
}
to {
    transform: scale(1);
    opacity: 1;
}
}

.global-drawer-wrapper[data-v-1e320e2d] {
  position: relative;
}

/* Stacks flotantes de botones de apertura */
.drawer-triggers-container[data-v-1e320e2d] {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: auto;
}
.triggers-left[data-v-1e320e2d] {
  left: 0;
}
.triggers-right[data-v-1e320e2d] {
  right: 0;
}

/* Botón cuadrado de apertura */
.square-trigger-btn[data-v-1e320e2d] {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}
.trigger-left[data-v-1e320e2d] {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
.trigger-left[data-v-1e320e2d]:hover {
  transform: translateX(4px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.22) !important;
}
.trigger-right[data-v-1e320e2d] {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}
.trigger-right[data-v-1e320e2d]:hover {
  transform: translateX(-4px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.22) !important;
}
.square-trigger-btn.is-active[data-v-1e320e2d] {
  box-shadow: 0 6px 18px rgba(var(--v-theme-primary), 0.4) !important;
}

/* Fondo oscurecido Backdrop / Scrim */
.global-drawer-scrim[data-v-1e320e2d] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(2px);
}

/* Panel principal del Drawer desplegable (100% alto disponible) */
.global-drawer-panel-custom[data-v-1e320e2d] {
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100vh !important;
  max-height: 100vh !important;
  max-width: 100vw;
  background-color: rgb(var(--v-theme-surface));
  color: rgb(var(--v-theme-on-surface));
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.panel-right[data-v-1e320e2d] {
  right: 0;
}
.panel-left[data-v-1e320e2d] {
  left: 0;
}
.drawer-inner-layout[data-v-1e320e2d] {
  height: 100vh;
}
.drawer-header[data-v-1e320e2d] {
  background-color: rgb(var(--v-theme-surface));
}
.drawer-body[data-v-1e320e2d] {
  background-color: rgb(var(--v-theme-surface));
}

/* Transiciones CSS para apertura y cierre fluido */
.slide-right-enter-active[data-v-1e320e2d],
.slide-right-leave-active[data-v-1e320e2d] {
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.slide-right-enter-from[data-v-1e320e2d],
.slide-right-leave-to[data-v-1e320e2d] {
  transform: translateX(100%);
}
.slide-left-enter-active[data-v-1e320e2d],
.slide-left-leave-active[data-v-1e320e2d] {
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.slide-left-enter-from[data-v-1e320e2d],
.slide-left-leave-to[data-v-1e320e2d] {
  transform: translateX(-100%);
}
.fade-enter-active[data-v-1e320e2d],
.fade-leave-active[data-v-1e320e2d] {
  transition: opacity 0.25s ease;
}
.fade-enter-from[data-v-1e320e2d],
.fade-leave-to[data-v-1e320e2d] {
  opacity: 0;
}

/* Responsive breakpoint handling */
@media (max-width: 600px) {
.square-trigger-btn[data-v-1e320e2d] {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
}
}

.gallery-content[data-v-7cf4130e] {
  max-height: 72vh;
  overflow-y: auto;
}
code[data-v-7cf4130e] {
  font-family: "Fira Code", "Consolas", monospace;
  font-size: 0.8rem;
  background: rgba(var(--v-theme-primary), 0.08);
  color: rgb(var(--v-theme-primary));
  padding: 1px 5px;
  border-radius: 4px;
}
[data-v-7cf4130e] .v-slide-group{
    overflow: visible !important;
}



/* Fondo general del menú desplegable de usuario (Coincidente 100% con Sidebar) */
.menuClass[data-v-7e118b01] {
  background-color: rgba(11, 17, 30, 0.96) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(0, 191, 165, 0.28) !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.75), 0 0 25px rgba(0, 191, 165, 0.15) !important;
  overflow: hidden;
  padding: 0 !important;
}
[data-v-7e118b01] .menuClass,[data-v-7e118b01] .menuClass .v-card__underlay,[data-v-7e118b01] .menuClass .v-card__overlay {
  background-color: rgba(11, 17, 30, 0.96) !important;
}

/* Header del menú de usuario */
.sticky-submenu-header-user[data-v-7e118b01] {
  position: sticky;
  top: 0;
  background: linear-gradient(135deg, rgba(20, 30, 48, 0.98), rgba(11, 17, 30, 0.98)) !important;
  z-index: 2;
  padding: 12px 16px !important;
  border-bottom: 1px solid rgba(0, 191, 165, 0.2) !important;
  display: flex;
  align-items: center;
}
.user-header-title[data-v-7e118b01] {
  color: #f4f4f5 !important;
  font-family: 'Outfit', sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: 0.3px;
}
.menu-list-custom[data-v-7e118b01] {
  background: transparent !important;
  padding: 6px !important;
}

/* Items del menú */
.item-title[data-v-7e118b01] {
  color: #e4e4e7 !important;
  font-family: 'Outfit', sans-serif;
  font-size: 0.88rem !important;
  font-weight: 500;
  letter-spacing: 0.2px;
}
.submenu-item-custom[data-v-7e118b01] {
  transition: all 0.2s ease !important;
  min-height: 42px !important;
  border-radius: 8px !important;
  margin-bottom: 3px;
  cursor: pointer;
}
.submenu-item-custom[data-v-7e118b01]:hover {
  background-color: rgba(0, 191, 165, 0.16) !important;
  box-shadow: 0 2px 10px rgba(0, 191, 165, 0.12) !important;
}
.submenu-item-custom:hover .item-title[data-v-7e118b01] {
  color: #ffffff !important;
  font-weight: 600;
}

/* Botones delegados e íconos */
.btnDelegate[data-v-7e118b01] {
  background: rgba(0, 191, 165, 0.12) !important;
  color: #00bfa5 !important;
  border: 1px solid rgba(0, 191, 165, 0.3) !important;
  transition: all 0.2s ease;
}
.btnDelegate[data-v-7e118b01]:hover {
  background: rgba(0, 191, 165, 0.25) !important;
  color: #1de9b6 !important;
  transform: scale(1.08);
}
.btnLogout[data-v-7e118b01] {
  background: rgba(239, 68, 68, 0.12) !important;
  color: #f87171 !important;
  border: 1px solid rgba(239, 68, 68, 0.3) !important;
  transition: all 0.2s ease;
}
.logout-item[data-v-7e118b01]:hover {
  background-color: rgba(239, 68, 68, 0.16) !important;
  box-shadow: 0 2px 10px rgba(239, 68, 68, 0.12) !important;
}
.logout-item:hover .logout-title[data-v-7e118b01] {
  color: #f87171 !important;
  font-weight: 600;
}
.logout-item:hover .btnLogout[data-v-7e118b01] {
  background: rgba(239, 68, 68, 0.28) !important;
  color: #ef4444 !important;
  transform: scale(1.08);
}
.menu-divider[data-v-7e118b01] {
  border-color: rgba(0, 191, 165, 0.18) !important;
}

/* Z-index para dialog */
[data-v-7e118b01] .v-dialog__scrim {
  z-index: 200 !important;
}
[data-v-7e118b01] .v-overlay {
  z-index: 200 !important;
}


.user-menu-container[data-v-59dbb0a8] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}
.user-activator-card[data-v-59dbb0a8] {
  gap: 10px;
  min-width: 180px;
  max-width: 260px;
  background: rgba(11, 17, 30, 0.75) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(0, 191, 165, 0.25) !important;
  border-radius: 12px;
  padding: 6px 12px;
  transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
  user-select: none;
}
.user-activator-card[data-v-59dbb0a8]:hover {
  background: rgba(0, 191, 165, 0.15) !important;
  border-color: rgba(0, 191, 165, 0.5) !important;
  box-shadow: 0 4px 20px rgba(0, 191, 165, 0.18);
  transform: translateY(-1px);
}
.user-activator-card:hover .chevron-icon[data-v-59dbb0a8] {
  color: #1de9b6 !important;
  transform: translateY(2px);
}
.user-avatar-border[data-v-59dbb0a8] {
  border: 2px solid #00bfa5 !important;
  box-shadow: 0 0 10px rgba(0, 191, 165, 0.4);
  transition: transform 0.25s ease;
}
.user-activator-card:hover .user-avatar-border[data-v-59dbb0a8] {
  transform: scale(1.06);
}
.user-info-box[data-v-59dbb0a8] {
  flex: 1 1 auto;
  min-width: 0;
}
.user-name-text[data-v-59dbb0a8] {
  font-family: 'Outfit', sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  color: #f4f4f5;
  line-height: 1.2;
}
.user-email-text[data-v-59dbb0a8] {
  font-family: 'Outfit', sans-serif;
  font-size: 0.76rem;
  font-weight: 500;
  color: #00bfa5;
  line-height: 1.2;
  margin-top: 2px;
}
.chevron-icon[data-v-59dbb0a8] {
  transition: transform 0.2s ease, color 0.2s ease;
}

/* Responsive */
@media (max-width: 1280px) {
#usuariomail[data-v-59dbb0a8] {
    display: none;
}
.user-activator-card[data-v-59dbb0a8] {
    min-width: auto;
}
}

.info-item[data-v-8160124d] {
  display: flex;
  align-items: center;
  padding: 8px 0;
}
.modalCardClass[data-v-8160124d] {
  max-width: 900px;
  margin: 0 auto;
}
.divscroll[data-v-8160124d] {
  max-height: 90vh;
  overflow-y: auto;
}

/* Animaciones suaves */
.v-card[data-v-8160124d] {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-card[data-v-8160124d]:hover {
  transform: translateY(-2px);
}

/* Estilos para campos de formulario */
[data-v-8160124d] .v-field--variant-outlined {
  border-radius: 8px;
}
[data-v-8160124d] .v-field__prepend-inner {
  padding-top: 8px;
}

/*
  Este contenedor está diseñado para vistas de instancia única a pantalla completa.
  Se adapta flex-box para ocupar todo el alto disponible, permitiendo
  scroll únicamente en el contenido interior y manteniendo
  fijas las barras de acciones superior e inferior.
*/
.single-instance-container[data-v-28502adb] {
  border-radius: 8px;
  background-color: transparent !important;
  min-height: 0;
}
.single-instance-body[data-v-28502adb] {
  /* min-height: 0 permite que el flex-child encoja por debajo de su content size si es necesario para scrollear */
  min-height: 0;
}
.single-instance-footer[data-v-28502adb] {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

[data-v-0f6f342d] .modalCardClass {
  background-color: #0f172a !important;
  color: #f8fafc !important;
}
[data-v-0f6f342d] .crud-body {
  background-color: #0f172a !important;
  color: #f8fafc !important;
}
[data-v-0f6f342d] .crud-footer {
  background-color: #0f172a !important;
  border-top: 1px solid #1e293b !important;
}
[data-v-0f6f342d] .v-card.dark-card {
  background-color: #1e293b !important;
  border: 1px solid #334155 !important;
  color: #f8fafc !important;
}
[data-v-0f6f342d] .v-card.dark-subcard {
  background-color: #0f172a !important;
  border: 1px solid #334155 !important;
  color: #f8fafc !important;
}
[data-v-0f6f342d] .dark-modal-card {
  background-color: #0f172a !important;
  color: #f8fafc !important;
}
[data-v-0f6f342d] .v-field {
  background-color: #0f172a !important;
  color: #ffffff !important;
}
[data-v-0f6f342d] .v-field__input {
  color: #ffffff !important;
}
[data-v-0f6f342d] .v-label {
  color: #94a3b8 !important;
}
[data-v-0f6f342d] .v-list {
  background-color: #0f172a !important;
  color: #e2e8f0 !important;
}
[data-v-0f6f342d] .v-list-item {
  color: #cbd5e1 !important;
}
[data-v-0f6f342d] .v-list-item-title {
  color: #f8fafc !important;
  font-weight: 500 !important;
}
[data-v-0f6f342d] .v-list-item-subtitle {
  color: #94a3b8 !important;
}
.hover-card[data-v-0f6f342d] {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hover-card[data-v-0f6f342d]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}

.dark-status-menu[data-v-b911cbaa] {
  background-color: #0f172a !important;
  border: 1px solid #334155 !important;
  border-radius: 8px;
  min-width: 170px;
}
.status-menu-item[data-v-b911cbaa]:hover {
  background-color: #1e293b !important;
  cursor: pointer;
}
.dark-dialog-card[data-v-b911cbaa],
.dark-dialog-card[data-v-b911cbaa] .v-card-text,
.dark-dialog-card[data-v-b911cbaa] .v-card-item,
.dark-dialog-card[data-v-b911cbaa] .v-card-actions {
  background-color: #0f172a !important;
  color: #ffffff !important;
}
.bg-slate-900[data-v-b911cbaa] {
  background-color: #0f172a !important;
}
.border-slate-700[data-v-b911cbaa] {
  border-color: #334155 !important;
}
.text-slate-300[data-v-b911cbaa] {
  color: #cbd5e1 !important;
}

[data-v-15c59037] .modalCardClass {
  background-color: #0f172a !important;
  color: #f8fafc !important;
}
[data-v-15c59037] .crud-body {
  background-color: #0f172a !important;
  color: #f8fafc !important;
}
[data-v-15c59037] .crud-footer {
  background-color: #0f172a !important;
  border-top: 1px solid #1e293b !important;
}
[data-v-15c59037] .v-card {
  background-color: #1e293b !important;
  border: 1px solid #334155 !important;
  color: #f8fafc !important;
}
[data-v-15c59037] .v-field {
  background-color: #0f172a !important;
  color: #ffffff !important;
}
[data-v-15c59037] .v-field__input {
  color: #ffffff !important;
}
[data-v-15c59037] .v-label {
  color: #94a3b8 !important;
}
.dark-dialog-card[data-v-15c59037] {
  background-color: #0f172a !important;
  border: 1px solid #334155 !important;
  color: #f8fafc !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.7), 0 8px 10px -6px rgba(0, 0, 0, 0.7) !important;
}
.delete-legend-box[data-v-15c59037] {
  background-color: #0f172a !important;
  border: 1px solid #1e293b !important;
  border-radius: 14px !important;
  color: #f1f5f9 !important;
}
.dialog-inputs-container[data-v-15c59037] {
  background-color: #162032 !important;
  border: 1px solid #1e293b !important;
  border-radius: 12px !important;
}
[data-v-15c59037] .dialog-inputs-container .v-field {
  background-color: #0f172a !important;
  border-color: #334155 !important;
  color: #ffffff !important;
}
[data-v-15c59037] .dialog-inputs-container .v-field__overlay {
  background-color: transparent !important;
  opacity: 0 !important;
}
[data-v-15c59037] .dialog-inputs-container .v-field__input {
  color: #ffffff !important;
}
.dialog-actions-footer[data-v-15c59037] {
  background-color: #0f172a !important;
  border: 1px solid #1e293b !important;
  border-radius: 12px !important;
}
[data-v-15c59037] .dark-dialog-card .v-card-actions {
  background-color: #0f172a !important;
  color: #f8fafc !important;
}
.bg-dark-privacy[data-v-15c59037] {
  background-color: #0f172a !important;
  border: 1px solid #1e293b !important;
}
.border-subtle[data-v-15c59037] {
  border: 1px solid #334155 !important;
  border-radius: 8px !important;
}
.border-dashed[data-v-15c59037] {
  border: 2px dashed #334155 !important;
}
.border-t-subtle[data-v-15c59037] {
  border-top: 1px solid #1e293b !important;
}

/* ── Scrollbar Fino y Elegante ── */
.bank-accounts-scroll[data-v-15c59037] {
  max-height: 290px;
  overflow-y: auto;
  padding-right: 4px;
}
.bank-accounts-scroll[data-v-15c59037]::-webkit-scrollbar {
  width: 4px;
}
.bank-accounts-scroll[data-v-15c59037]::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.5);
  border-radius: 4px;
}
.bank-accounts-scroll[data-v-15c59037]::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 4px;
}
.bank-accounts-scroll[data-v-15c59037]::-webkit-scrollbar-thumb:hover {
  background: #475569;
}

/* Custom Scrollbar for Bitacora */
.custom-scrollbar[data-v-384f9102]::-webkit-scrollbar {
  width: 6px;
}
.custom-scrollbar[data-v-384f9102]::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scrollbar[data-v-384f9102]::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 10px;
}
.custom-scrollbar[data-v-384f9102]::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
[data-v-384f9102] .custom-textarea .v-field__input {
  color: #e0e0e0 !important;
}

.dropzone-area[data-v-4c530cbc] {
  border: 2px dashed rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.02);
  transition: all 0.25s ease;
}
.dropzone-area[data-v-4c530cbc]:hover,
.dropzone-active[data-v-4c530cbc] {
  border-color: rgb(var(--v-theme-teal-lighten-2));
  background-color: rgba(var(--v-theme-teal-darken-2), 0.08);
}
.attachment-card[data-v-4c530cbc] {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.attachment-card[data-v-4c530cbc]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}
.custom-scrollbar[data-v-4c530cbc]::-webkit-scrollbar {
  width: 6px;
}
.custom-scrollbar[data-v-4c530cbc]::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scrollbar[data-v-4c530cbc]::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 10px;
}
.custom-scrollbar[data-v-4c530cbc]::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.report-action-btn[data-v-67d16423] {
  vertical-align: middle;
}

.settlements-scroll[data-v-75aba5a3] {
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 8px;
}
.settlement-card[data-v-75aba5a3] {
  border-radius: 12px !important;
  border: 1px solid #e2e8f0;
  transition: all 0.2s ease-in-out;
}
.settlement-card[data-v-75aba5a3]:hover {
  border-color: #cbd5e1;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}
.min-w-200[data-v-75aba5a3] {
  min-width: 200px;
}
[data-v-75aba5a3] .dark-dialog-card {
  background-color: #0f172a !important;
  border: 1px solid #334155 !important;
  color: #f8fafc !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.7), 0 8px 10px -6px rgba(0, 0, 0, 0.7) !important;
}
[data-v-75aba5a3] .dialog-inputs-container {
  background-color: #162032 !important;
  border: 1px solid #1e293b !important;
  border-radius: 12px !important;
}
[data-v-75aba5a3] .dialog-inputs-container .v-field {
  background-color: #0f172a !important;
  border-color: #334155 !important;
  color: #ffffff !important;
}
[data-v-75aba5a3] .dialog-inputs-container .v-field__overlay {
  background-color: transparent !important;
  opacity: 0 !important;
}
[data-v-75aba5a3] .dialog-inputs-container .v-field__input {
  color: #ffffff !important;
}

/* Leyenda / Hints visibles y legibles en Dark Mode */
[data-v-75aba5a3] .v-messages,[data-v-75aba5a3] .v-messages__message,[data-v-75aba5a3] .custom-hint-field .v-messages__message {
  color: #94a3b8 !important;
  font-size: 0.8rem !important;
  opacity: 1 !important;
  line-height: 1.3 !important;
  margin-top: 4px !important;
}

/* Plan de Cuotas Estilizado Dark Mode */
.installments-plan-card[data-v-75aba5a3] {
  background-color: #0f172a !important;
  border: 1px solid #334155 !important;
}
.installments-plan-header[data-v-75aba5a3] {
  background-color: #1e293b !important;
  border-bottom: 1px solid #334155 !important;
}
.installments-table[data-v-75aba5a3] {
  background-color: #0f172a !important;
  color: #f8fafc !important;
}
.installments-table th[data-v-75aba5a3] {
  background-color: #162032 !important;
  color: #94a3b8 !important;
  font-size: 0.8rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-bottom: 1px solid #334155 !important;
}
.installments-table td[data-v-75aba5a3] {
  border-bottom: 1px solid #1e293b !important;
  color: #f1f5f9 !important;
}
.installments-plan-footer[data-v-75aba5a3] {
  background-color: #162032 !important;
  border-top: 1px solid #334155 !important;
}
.installment-input[data-v-75aba5a3] .v-field {
  background-color: #162032 !important;
  border-color: #334155 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
}
[data-v-75aba5a3] .dialog-actions-footer {
  background-color: #0f172a !important;
  border: 1px solid #1e293b !important;
  border-radius: 12px !important;
}

/* Estilos globales para los menús desplegables (overlays) de v-select / v-autocomplete */
.dark-menu-dropdown,
.v-overlay-container .v-list {
  background-color: #0f172a !important;
  color: #f8fafc !important;
  border: 1px solid #334155 !important;
  border-radius: 12px !important;
}
.dark-menu-dropdown .v-list-item,
.v-overlay-container .v-list-item {
  color: #cbd5e1 !important;
}
.dark-menu-dropdown .v-list-item-title,
.v-overlay-container .v-list-item-title {
  color: #f8fafc !important;
  font-weight: 500 !important;
}
.dark-menu-dropdown .v-list-item-subtitle,
.v-overlay-container .v-list-item-subtitle {
  color: #94a3b8 !important;
}
.dark-menu-dropdown .v-list-item:hover,
.v-overlay-container .v-list-item:hover,
.dark-menu-dropdown .v-list-item--active,
.v-overlay-container .v-list-item--active {
  background-color: #1e293b !important;
  color: #38bdf8 !important;
}

.categories-list-scroll[data-v-e76b724c] {
  max-height: 240px;
  overflow-y: auto;
  padding-right: 4px;
}
.category-card[data-v-e76b724c] {
  border-radius: 6px !important;
  transition: all 0.15s ease;
}
.category-card[data-v-e76b724c]:hover {
  border-color: #475569 !important;
}
[data-v-e76b724c] .dark-dialog-card {
  background-color: #0f172a !important;
  border: 1px solid #334155 !important;
  color: #f8fafc !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.7), 0 8px 10px -6px rgba(0, 0, 0, 0.7) !important;
  --v-theme-surface: 15, 23, 42;
  --v-theme-on-surface: 248, 250, 252;
  --v-border-color: 51, 65, 85;
  --v-border-opacity: 1;
}
[data-v-e76b724c] .dark-subcard {
  border-radius: 8px !important;
  border: 1px solid #1e293b !important;
}
[data-v-e76b724c] .v-field {
  background-color: #0f172a !important;
  color: #ffffff !important;
}
[data-v-e76b724c] .v-field--variant-outlined {
  --v-field-border-opacity: 1 !important;
}

/* Bordes y pseudo-elementos del outline en reposo */
[data-v-e76b724c] .v-field--variant-outlined .v-field__outline,[data-v-e76b724c] .v-field--variant-outlined .v-field__outline__start,[data-v-e76b724c] .v-field--variant-outlined .v-field__outline__notch,[data-v-e76b724c] .v-field--variant-outlined .v-field__outline__end,[data-v-e76b724c] .v-field--variant-outlined .v-field__outline__notch::before,[data-v-e76b724c] .v-field--variant-outlined .v-field__outline__notch::after {
  color: #334155 !important;
  border-color: #334155 !important;
}

/* Bordes y pseudo-elementos del outline en hover */
[data-v-e76b724c] .v-field--variant-outlined:hover .v-field__outline,[data-v-e76b724c] .v-field--variant-outlined:hover .v-field__outline__start,[data-v-e76b724c] .v-field--variant-outlined:hover .v-field__outline__notch,[data-v-e76b724c] .v-field--variant-outlined:hover .v-field__outline__end,[data-v-e76b724c] .v-field--variant-outlined:hover .v-field__outline__notch::before,[data-v-e76b724c] .v-field--variant-outlined:hover .v-field__outline__notch::after {
  color: #64748b !important;
  border-color: #64748b !important;
}

/* Bordes y pseudo-elementos del outline en foco */
[data-v-e76b724c] .v-field--focused .v-field__outline,[data-v-e76b724c] .v-field--focused .v-field__outline__start,[data-v-e76b724c] .v-field--focused .v-field__outline__notch,[data-v-e76b724c] .v-field--focused .v-field__outline__end,[data-v-e76b724c] .v-field--focused .v-field__outline__notch::before,[data-v-e76b724c] .v-field--focused .v-field__outline__notch::after {
  color: #38bdf8 !important;
  border-color: #38bdf8 !important;
}
[data-v-e76b724c] .v-label.v-field-label,[data-v-e76b724c] .v-field-label--floating {
  color: #94a3b8 !important;
}
[data-v-e76b724c] .v-field--focused .v-label.v-field-label,[data-v-e76b724c] .v-field--focused .v-field-label--floating {
  color: #38bdf8 !important;
}
[data-v-e76b724c] .v-field__overlay {
  display: none !important;
}
[data-v-e76b724c] .v-field__input,[data-v-e76b724c] input,[data-v-e76b724c] .v-select__selection-text {
  color: #ffffff !important;
}
[data-v-e76b724c] .v-field__prepend-inner .v-icon,[data-v-e76b724c] .v-field__append-inner .v-icon {
  color: #94a3b8 !important;
}
[data-v-e76b724c] .v-card-text {
  background-color: #0f172a !important;
}

.expense-card[data-v-4b3c650c] {
  border-radius: 8px !important;
}
[data-v-4b3c650c] .dark-dialog-card {
  background-color: #0f172a !important;
  border: 1px solid #334155 !important;
  color: #ffffff !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.7), 0 8px 10px -6px rgba(0, 0, 0, 0.7) !important;
}
[data-v-4b3c650c] .dark-subcard {
  border-radius: 8px !important;
  border: 1px solid #1e293b !important;
}
[data-v-4b3c650c] .v-field {
  background-color: #0f172a !important;
  color: #ffffff !important;
}
[data-v-4b3c650c] .v-field--variant-outlined {
  --v-field-border-opacity: 1 !important;
}
[data-v-4b3c650c] .v-field--variant-outlined .v-field__outline,[data-v-4b3c650c] .v-field--variant-outlined .v-field__outline__start,[data-v-4b3c650c] .v-field--variant-outlined .v-field__outline__notch,[data-v-4b3c650c] .v-field--variant-outlined .v-field__outline__end,[data-v-4b3c650c] .v-field--variant-outlined .v-field__outline__notch::before,[data-v-4b3c650c] .v-field--variant-outlined .v-field__outline__notch::after {
  color: #334155 !important;
  border-color: #334155 !important;
}
[data-v-4b3c650c] .v-field--variant-outlined:hover .v-field__outline,[data-v-4b3c650c] .v-field--variant-outlined:hover .v-field__outline__start,[data-v-4b3c650c] .v-field--variant-outlined:hover .v-field__outline__notch,[data-v-4b3c650c] .v-field--variant-outlined:hover .v-field__outline__end,[data-v-4b3c650c] .v-field--variant-outlined:hover .v-field__outline__notch::before,[data-v-4b3c650c] .v-field--variant-outlined:hover .v-field__outline__notch::after {
  color: #64748b !important;
  border-color: #64748b !important;
}
[data-v-4b3c650c] .v-field--focused .v-field__outline,[data-v-4b3c650c] .v-field--focused .v-field__outline__start,[data-v-4b3c650c] .v-field--focused .v-field__outline__notch,[data-v-4b3c650c] .v-field--focused .v-field__outline__end,[data-v-4b3c650c] .v-field--focused .v-field__outline__notch::before,[data-v-4b3c650c] .v-field--focused .v-field__outline__notch::after {
  color: #38bdf8 !important;
  border-color: #38bdf8 !important;
}
[data-v-4b3c650c] .v-label.v-field-label,[data-v-4b3c650c] .v-field-label--floating {
  color: #94a3b8 !important;
}
[data-v-4b3c650c] .v-field--focused .v-label.v-field-label,[data-v-4b3c650c] .v-field--focused .v-field-label--floating {
  color: #38bdf8 !important;
}
[data-v-4b3c650c] .v-field__overlay {
  display: none !important;
}
[data-v-4b3c650c] .v-field__input,[data-v-4b3c650c] input,[data-v-4b3c650c] .v-select__selection-text {
  color: #ffffff !important;
}
[data-v-4b3c650c] .v-field__prepend-inner .v-icon,[data-v-4b3c650c] .v-field__append-inner .v-icon {
  color: #94a3b8 !important;
}

.settlements-scroll[data-v-c15ce951] {
  flex: 1 1 auto;
  max-height: calc(100vh - 210px);
  min-height: 60vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 8px;
}
.settlement-card[data-v-c15ce951] {
  border-radius: 12px !important;
  border: 1px solid #e2e8f0;
  margin-bottom: 16px !important;
  transition: all 0.2s ease-in-out;
}
.settlement-card[data-v-c15ce951]:hover {
  border-color: #cbd5e1;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}
.min-w-200[data-v-c15ce951] {
  min-width: 200px;
}
.expenses-grid[data-v-c15ce951] {
  max-height: 220px;
  overflow-y: auto;
}
.expense-card[data-v-c15ce951] {
  border-radius: 8px !important;
  border: 1px solid #334155 !important;
}
[data-v-c15ce951] .dark-dialog-card {
  background-color: #0f172a !important;
  border: 1px solid #334155 !important;
  color: #f8fafc !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.7), 0 8px 10px -6px rgba(0, 0, 0, 0.7) !important;
  --v-theme-surface: 15, 23, 42;
  --v-theme-on-surface: 248, 250, 252;
  --v-border-color: 51, 65, 85;
  --v-border-opacity: 1;
}
[data-v-c15ce951] .dialog-inputs-container {
  background-color: #162032 !important;
  border: 1px solid #1e293b !important;
  border-radius: 12px !important;
}
[data-v-c15ce951] .v-field {
  background-color: #0f172a !important;
  color: #ffffff !important;
}
[data-v-c15ce951] .v-field--variant-outlined {
  --v-field-border-opacity: 1 !important;
}

/* Bordes y pseudo-elementos del outline en reposo */
[data-v-c15ce951] .v-field--variant-outlined .v-field__outline,[data-v-c15ce951] .v-field--variant-outlined .v-field__outline__start,[data-v-c15ce951] .v-field--variant-outlined .v-field__outline__notch,[data-v-c15ce951] .v-field--variant-outlined .v-field__outline__end,[data-v-c15ce951] .v-field--variant-outlined .v-field__outline__notch::before,[data-v-c15ce951] .v-field--variant-outlined .v-field__outline__notch::after {
  color: #334155 !important;
  border-color: #334155 !important;
}

/* Bordes y pseudo-elementos del outline en hover */
[data-v-c15ce951] .v-field--variant-outlined:hover .v-field__outline,[data-v-c15ce951] .v-field--variant-outlined:hover .v-field__outline__start,[data-v-c15ce951] .v-field--variant-outlined:hover .v-field__outline__notch,[data-v-c15ce951] .v-field--variant-outlined:hover .v-field__outline__end,[data-v-c15ce951] .v-field--variant-outlined:hover .v-field__outline__notch::before,[data-v-c15ce951] .v-field--variant-outlined:hover .v-field__outline__notch::after {
  color: #64748b !important;
  border-color: #64748b !important;
}

/* Bordes y pseudo-elementos del outline en foco */
[data-v-c15ce951] .v-field--focused .v-field__outline,[data-v-c15ce951] .v-field--focused .v-field__outline__start,[data-v-c15ce951] .v-field--focused .v-field__outline__notch,[data-v-c15ce951] .v-field--focused .v-field__outline__end,[data-v-c15ce951] .v-field--focused .v-field__outline__notch::before,[data-v-c15ce951] .v-field--focused .v-field__outline__notch::after {
  color: #14b8a6 !important;
  border-color: #14b8a6 !important;
}
[data-v-c15ce951] .v-label.v-field-label,[data-v-c15ce951] .v-field-label--floating {
  color: #94a3b8 !important;
}
[data-v-c15ce951] .v-field--focused .v-label.v-field-label,[data-v-c15ce951] .v-field--focused .v-field-label--floating {
  color: #2dd4bf !important;
}
[data-v-c15ce951] .v-field__overlay {
  display: none !important;
}
[data-v-c15ce951] .v-field__input,[data-v-c15ce951] input,[data-v-c15ce951] .v-select__selection-text,[data-v-c15ce951] .v-autocomplete__selection-text {
  color: #ffffff !important;
}
[data-v-c15ce951] .v-field__prepend-inner .v-icon,[data-v-c15ce951] .v-field__append-inner .v-icon {
  color: #94a3b8 !important;
}
[data-v-c15ce951] .dialog-actions-footer {
  background-color: #0f172a !important;
  border: 1px solid #1e293b !important;
  border-radius: 12px !important;
}

.settlements-scroll[data-v-3834aeda] {
  flex: 1 1 auto;
  max-height: calc(100vh - 210px);
  min-height: 60vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 8px;
}
.settlement-card[data-v-3834aeda] {
  border: 1px solid rgba(var(--v-border-color), 0.15);
  border-radius: 8px;
  background-color: #ffffff;
  margin-bottom: 16px !important;
}
.min-w-200[data-v-3834aeda] {
  min-width: 180px;
}
[data-v-3834aeda] .dark-dialog-card {
  background-color: #0f172a !important;
  border: 1px solid #334155 !important;
  color: #f8fafc !important;
  --v-theme-surface: 15, 23, 42;
  --v-theme-on-surface: 248, 250, 252;
  --v-border-color: 51, 65, 85;
  --v-border-opacity: 1;
}
[data-v-3834aeda] .dark-subcard {
  border-radius: 8px !important;
  border: 1px solid #1e293b !important;
}
[data-v-3834aeda] .v-field {
  background-color: #0f172a !important;
  color: #ffffff !important;
}
[data-v-3834aeda] .v-field--variant-outlined {
  --v-field-border-opacity: 1 !important;
}

/* Bordes y pseudo-elementos del outline en reposo */
[data-v-3834aeda] .v-field--variant-outlined .v-field__outline,[data-v-3834aeda] .v-field--variant-outlined .v-field__outline__start,[data-v-3834aeda] .v-field--variant-outlined .v-field__outline__notch,[data-v-3834aeda] .v-field--variant-outlined .v-field__outline__end,[data-v-3834aeda] .v-field--variant-outlined .v-field__outline__notch::before,[data-v-3834aeda] .v-field--variant-outlined .v-field__outline__notch::after {
  color: #334155 !important;
  border-color: #334155 !important;
}

/* Bordes y pseudo-elementos del outline en hover */
[data-v-3834aeda] .v-field--variant-outlined:hover .v-field__outline,[data-v-3834aeda] .v-field--variant-outlined:hover .v-field__outline__start,[data-v-3834aeda] .v-field--variant-outlined:hover .v-field__outline__notch,[data-v-3834aeda] .v-field--variant-outlined:hover .v-field__outline__end,[data-v-3834aeda] .v-field--variant-outlined:hover .v-field__outline__notch::before,[data-v-3834aeda] .v-field--variant-outlined:hover .v-field__outline__notch::after {
  color: #64748b !important;
  border-color: #64748b !important;
}

/* Bordes y pseudo-elementos del outline en foco */
[data-v-3834aeda] .v-field--variant-outlined.v-field--focused .v-field__outline,[data-v-3834aeda] .v-field--variant-outlined.v-field--focused .v-field__outline__start,[data-v-3834aeda] .v-field--variant-outlined.v-field--focused .v-field__outline__notch,[data-v-3834aeda] .v-field--variant-outlined.v-field--focused .v-field__outline__end,[data-v-3834aeda] .v-field--variant-outlined.v-field--focused .v-field__outline__notch::before,[data-v-3834aeda] .v-field--variant-outlined.v-field--focused .v-field__outline__notch::after {
  color: #f59e0b !important;
  border-color: #f59e0b !important;
}
[data-v-3834aeda] .v-label.v-field-label,[data-v-3834aeda] .v-field-label--floating {
  color: #94a3b8 !important;
}
[data-v-3834aeda] .v-field--focused .v-label.v-field-label,[data-v-3834aeda] .v-field--focused .v-field-label--floating {
  color: #f59e0b !important;
}
[data-v-3834aeda] .v-field__overlay {
  display: none !important;
}
[data-v-3834aeda] .v-field__input,[data-v-3834aeda] input,[data-v-3834aeda] .v-select__selection-text {
  color: #ffffff !important;
}
[data-v-3834aeda] .v-field__prepend-inner .v-icon,[data-v-3834aeda] .v-field__append-inner .v-icon {
  color: #94a3b8 !important;
}

.border-subtle[data-v-7522798e] {
  border-color: #334155 !important;
}

.operation-sidebar[data-v-8ed52652] {
  width: 68px;
  min-width: 68px;
  background-color: #0b1329;
  border-right: 1px solid #1e293b;
}
.sidebar-btn[data-v-8ed52652] {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  min-width: 48px !important;
}
.sidebar-divider[data-v-8ed52652] {
  width: 36px;
  height: 1px;
  background: #334155;
}
.sidebar-btn-rescind[data-v-8ed52652] {
  background-color: #8b3a3a !important;
  color: #ffffff !important;
  box-shadow: none !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  transition: all 0.2s ease-in-out !important;
}
.sidebar-btn-rescind[data-v-8ed52652]:hover {
  background-color: #9e4343 !important;
  box-shadow: none !important;
}
.sidebar-btn-rescind[data-v-8ed52652]:disabled {
  background: #334155 !important;
  color: #64748b !important;
  box-shadow: none !important;
  border: 1px solid #475569 !important;
}
.trade-ins-scroll[data-v-8ed52652] {
  max-height: 320px;
  overflow-y: auto;
}
.trade-ins-scroll[data-v-8ed52652]::-webkit-scrollbar {
  width: 6px;
}
.trade-ins-scroll[data-v-8ed52652]::-webkit-scrollbar-track {
  background: #0f172a;
}
.trade-ins-scroll[data-v-8ed52652]::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 4px;
}
.trade-ins-scroll[data-v-8ed52652]::-webkit-scrollbar-thumb:hover {
  background: #475569;
}
[data-v-8ed52652] .dark-dialog-card {
  background-color: #0f172a !important;
  border: 1px solid #334155 !important;
  color: #f8fafc !important;
}
[data-v-8ed52652] .dark-dialog-card .v-card-text {
  background-color: transparent !important;
  color: #f8fafc !important;
}
[data-v-8ed52652] .dialog-inputs-container {
  background-color: #162032 !important;
  border: 1px solid #1e293b !important;
  border-radius: 12px !important;
}
[data-v-8ed52652] .dialog-inputs-container .v-field {
  background-color: #0f172a !important;
  border-color: #334155 !important;
  color: #ffffff !important;
}
[data-v-8ed52652] .dialog-inputs-container .v-field__overlay {
  background-color: transparent !important;
  opacity: 0 !important;
}
[data-v-8ed52652] .dialog-inputs-container .v-field__input {
  color: #ffffff !important;
}
.dialog-actions-footer[data-v-8ed52652] {
  background-color: #0f172a !important;
  border: 1px solid #1e293b !important;
  border-radius: 12px !important;
}
.form-checkbox[data-v-8ed52652] .v-label {
  font-weight: 500;
  color: #334155;
  font-size: 0.95rem;
}
.delete-legend-box[data-v-8ed52652] {
  background-color: #334155 !important;
  border: 1px solid #475569 !important;
  color: #f1f5f9 !important;
}
.dark-menu-dropdown .v-list-item[data-v-8ed52652] {
  color: #f1f5f9 !important;
}
.dark-menu-dropdown .v-list-item--active[data-v-8ed52652] {
  background-color: rgba(255,255,255,0.1) !important;
}
[data-v-8ed52652] .modalCardClass {
  background-color: #0f172a !important;
  color: #f8fafc !important;
}
[data-v-8ed52652] .crud-body {
  background-color: #0f172a !important;
  color: #f8fafc !important;
}
[data-v-8ed52652] .crud-footer {
  background-color: #0f172a !important;
  border-top: 1px solid #1e293b !important;
}
[data-v-8ed52652] .v-card {
  background-color: #1e293b !important;
  border: 1px solid #334155 !important;
  color: #f8fafc !important;
}
[data-v-8ed52652] .v-field {
  background-color: #0f172a !important;
  color: #ffffff !important;
}
[data-v-8ed52652] .v-field__input {
  color: #ffffff !important;
}
[data-v-8ed52652] .v-label {
  color: #94a3b8 !important;
}
[data-v-8ed52652] .v-list {
  background-color: #0f172a !important;
  color: #e2e8f0 !important;
}
[data-v-8ed52652] .v-list-item {
  color: #cbd5e1 !important;
}
[data-v-8ed52652] .v-list-item-title {
  color: #f8fafc !important;
  font-weight: 500 !important;
}
[data-v-8ed52652] .v-list-item-subtitle {
  color: #94a3b8 !important;
}

/* Estilos globales para los menús desplegables (overlays) de v-select / v-autocomplete */
.dark-menu-dropdown,
.v-overlay-container .v-list {
  background-color: #0f172a !important;
  color: #f8fafc !important;
  border: 1px solid #334155 !important;
  border-radius: 12px !important;
}
.dark-menu-dropdown .v-list-item,
.v-overlay-container .v-list-item {
  color: #cbd5e1 !important;
}
.dark-menu-dropdown .v-list-item-title,
.v-overlay-container .v-list-item-title {
  color: #f8fafc !important;
  font-weight: 500 !important;
}
.dark-menu-dropdown .v-list-item-subtitle,
.v-overlay-container .v-list-item-subtitle {
  color: #94a3b8 !important;
}
.dark-menu-dropdown .v-list-item:hover,
.v-overlay-container .v-list-item:hover,
.dark-menu-dropdown .v-list-item--active,
.v-overlay-container .v-list-item--active {
  background-color: #1e293b !important;
  color: #38bdf8 !important;
}

.owners-container[data-v-e94614a1] {
  width: 100%;
}
.owners-table-wrapper[data-v-e94614a1] {
  background-color: #0f172a;
}
.owners-table thead tr th[data-v-e94614a1] {
  background-color: #1e293b !important;
  color: #94a3b8 !important;
  font-size: 0.75rem !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #334155 !important;
}
.owners-table tbody tr td[data-v-e94614a1] {
  border-bottom: 1px solid #1e293b !important;
}
.owner-row[data-v-e94614a1]:hover {
  background-color: rgba(30, 41, 59, 0.5) !important;
}
.percentage-input[data-v-e94614a1] {
  max-width: 105px;
}
.percentage-input[data-v-e94614a1] .v-field__input {
  padding: 4px 8px !important;
  text-align: right !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
}
.percentage-input[data-v-e94614a1] .v-field__append-inner {
  padding-left: 2px !important;
  font-size: 0.75rem !important;
  color: #94a3b8 !important;
}

.section-header[data-v-4760f772] {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(var(--v-border-color), 0.12);
}
.gap-2[data-v-4760f772] {
  gap: 8px;
}

.section-header[data-v-021d5124] {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(var(--v-border-color), 0.12);
}
.map-container[data-v-021d5124] {
  border: 1px solid rgba(var(--v-border-color), 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.section-header[data-v-146f668a] {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* ── Toolbar sticky ── */
.crud-toolbar[data-v-146f668a] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  margin-bottom: 24px;
  background-color: #1e293b !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 12px;
  border: 1px solid #334155 !important;
  position: sticky;
  top: 0;
  z-index: 10;
}
[data-v-146f668a] .v-tabs,[data-v-146f668a] .v-slide-group {
  background-color: transparent !important;
}

/* ── Tab y Botones de Toolbar ── */
.toolbar-item[data-v-146f668a] {
  background-color: #0f172a !important;
  color: #f8fafc !important;
  border: 1px solid #334155 !important;
  border-radius: 8px !important;
  text-transform: none !important;
  height: 36px !important;
  min-height: 36px !important;
  font-size: 0.8125rem !important;
  padding: 0 16px !important;
  letter-spacing: normal !important;
}
.toolbar-item[data-v-146f668a]:hover {
  background-color: #334155 !important;
  color: #38bdf8 !important;
}
[data-v-146f668a] .v-tab--selected.toolbar-item {
  background-color: #38bdf8 !important;
  color: #0f172a !important;
  font-weight: bold !important;
}
.toolbar-item[data-v-146f668a]:disabled,
.toolbar-item[disabled][data-v-146f668a] {
  opacity: 0.45 !important;
}

/* ── Botón + Animado ── */
.animated-border-wrapper[data-v-146f668a] {
  position: relative;
  display: inline-flex;
  padding: 3px;
  border-radius: 50%;
  overflow: hidden;
  background-color: transparent;
}
.animated-border-wrapper[data-v-146f668a]::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: conic-gradient(transparent, transparent, transparent, #00d2ff, #b388ff, #ff00ff, transparent);
  animation: spin-border-146f668a 3s linear infinite;
  z-index: 0;
}
.animated-border-wrapper>.v-btn[data-v-146f668a] {
  position: relative;
  z-index: 1;
}
@keyframes spin-border-146f668a {
100% {
    transform: rotate(360deg);
}
}

/* ── Paleta Temática Idéntica a Operaciones ── */
[data-v-146f668a] .modalCardClass {
  background-color: #0f172a !important;
  color: #f8fafc !important;
}
[data-v-146f668a] .crud-body {
  background-color: #0f172a !important;
  color: #f8fafc !important;
}
[data-v-146f668a] .crud-footer {
  background-color: #0f172a !important;
  border-top: 1px solid #1e293b !important;
}
[data-v-146f668a] .v-card {
  background-color: #1e293b !important;
  border: 1px solid #334155 !important;
  color: #f8fafc !important;
}
[data-v-146f668a] .v-field {
  background-color: #0f172a !important;
  color: #ffffff !important;
}
[data-v-146f668a] .v-field__input {
  color: #ffffff !important;
}
[data-v-146f668a] .v-label {
  color: #94a3b8 !important;
}
[data-v-146f668a] .v-checkbox .v-label {
  color: #f8fafc !important;
}
[data-v-146f668a] .v-list {
  background-color: #0f172a !important;
  color: #e2e8f0 !important;
}
[data-v-146f668a] .v-list-item {
  color: #cbd5e1 !important;
}
[data-v-146f668a] .v-list-item-title {
  color: #f8fafc !important;
  font-weight: 500 !important;
}
[data-v-146f668a] .v-list-item-subtitle {
  color: #94a3b8 !important;
}

/* Estilos globales para los menús desplegables (overlays) de v-select / v-autocomplete */
.dark-menu-dropdown,
.v-overlay-container .v-list {
  background-color: #0f172a !important;
  color: #f8fafc !important;
  border: 1px solid #334155 !important;
  border-radius: 12px !important;
}
.dark-menu-dropdown .v-list-item,
.v-overlay-container .v-list-item {
  color: #cbd5e1 !important;
}
.dark-menu-dropdown .v-list-item-title,
.v-overlay-container .v-list-item-title {
  color: #f8fafc !important;
  font-weight: 500 !important;
}
.dark-menu-dropdown .v-list-item-subtitle,
.v-overlay-container .v-list-item-subtitle {
  color: #94a3b8 !important;
}
.dark-menu-dropdown .v-list-item:hover,
.v-overlay-container .v-list-item:hover,
.dark-menu-dropdown .v-list-item--active,
.v-overlay-container .v-list-item--active {
  background-color: #1e293b !important;
  color: #38bdf8 !important;
}

.social-publicacion-accion[data-v-a8a75baf] {
  display: inline-flex;
  align-items: center;
}
.social-publicacion-link[data-v-a8a75baf] {
  display: inline-flex;
  align-items: center;
  color: #1976d2;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.social-publicacion-link[data-v-a8a75baf]:hover {
  text-decoration: underline;
}
.social-publicacion-link.is-disabled[data-v-a8a75baf] {
  pointer-events: none;
  opacity: 0.6;
}

.social-trigger[data-v-78c35510] {
  background: #0f766e;
  color: #ffffff;
  text-transform: none;
  letter-spacing: 0.2px;
  font-weight: 600;
  border-radius: 10px;
  box-shadow: none;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}
.social-trigger[data-v-78c35510]:hover {
  transform: translateY(-1px);
  background: #115e59;
  box-shadow: 0 8px 16px rgba(15, 118, 110, 0.22);
}
.social-menu-list[data-v-78c35510] {
  padding-top: 6px;
  padding-bottom: 6px;
}
.social-subheader[data-v-78c35510] {
  font-weight: 700;
  color: #334155;
}
.social-menu-item[data-v-78c35510] {
  border-radius: 10px;
  margin: 2px 6px;
  transition: background-color 0.18s ease, transform 0.18s ease;
}
.social-menu-item[data-v-78c35510]:hover {
  background: #f8fafc;
  transform: translateX(2px);
}
.social-menu-item.is-disconnected[data-v-78c35510] {
  opacity: 0.88;
}
.social-platform-actions[data-v-78c35510] {
  padding: 0 8px 8px;
  display: flex;
  align-items: center;
  /* Centra los botones verticalmente si tienen alturas distintas */
  gap: 8px;
  /* Añade un espacio uniforme entre los botones */
  flex-wrap: wrap;
  /* Hace que los botones bajen a la siguiente línea si la pantalla es muy pequeña */
}

/* Contenedor Principal del Modal */
.lifecycle-dialog-card[data-v-fc6dfe1b] {
  background-color: #0f172a !important;
  color: #f8fafc !important;
  border: 1px solid #334155 !important;
}
.border-subtle[data-v-fc6dfe1b] {
  border: 1px solid #334155 !important;
}
.dialog-header[data-v-fc6dfe1b] {
  border-bottom: 1px solid #1e293b !important;
}
.header-title[data-v-fc6dfe1b] {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}
.header-subtitle[data-v-fc6dfe1b] {
  font-size: 13px !important;
  color: #94a3b8 !important;
  font-weight: 400 !important;
}
.dialog-body[data-v-fc6dfe1b] {
  background-color: #0f172a !important;
  color: #f8fafc !important;
  max-height: 75vh;
  overflow-y: auto;
}
.dialog-footer[data-v-fc6dfe1b] {
  border-top: 1px solid #1e293b !important;
}

/* Banner Superior */
.hero-banner[data-v-fc6dfe1b] {
  background-color: #162032 !important;
  border: 1px solid #1e293b !important;
}
.hero-title[data-v-fc6dfe1b] {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}
.hero-text[data-v-fc6dfe1b] {
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  color: #cbd5e1 !important;
}
.hero-text strong[data-v-fc6dfe1b] {
  color: #ffffff !important;
}
.hero-text code[data-v-fc6dfe1b] {
  background: #0f172a !important;
  color: #38bdf8 !important;
  padding: 1px 6px !important;
  border-radius: 4px !important;
  border: 1px solid #334155 !important;
  font-weight: 600 !important;
}
.section-title[data-v-fc6dfe1b] {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  display: flex;
  align-items: center;
}

/* Tarjetas de Estado Sobrias */
.state-box[data-v-fc6dfe1b] {
  background-color: #162032 !important;
  border: 1px solid #1e293b !important;
}
.badge-neutral[data-v-fc6dfe1b] {
  font-size: 12px !important;
  color: #94a3b8 !important;
  font-weight: 500 !important;
}
.info-row[data-v-fc6dfe1b] {
  display: flex;
  flex-direction: column;
}
.label-muted[data-v-fc6dfe1b] {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  margin-bottom: 2px !important;
}
.value-text[data-v-fc6dfe1b] {
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #ffffff !important;
}
.value-text strong[data-v-fc6dfe1b] {
  color: #ffffff !important;
}
.divider-line[data-v-fc6dfe1b] {
  border-top: 1px solid #1e293b !important;
}

/* Subcomponentes */
.mini-card[data-v-fc6dfe1b] {
  background-color: #162032 !important;
  border: 1px solid #1e293b !important;
}
.card-subtitle-sober[data-v-fc6dfe1b] {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}
.card-body-sober[data-v-fc6dfe1b] {
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #cbd5e1 !important;
}

.gap-4[data-v-b17dfd08] {
  gap: 1rem;
}
.color-preview[data-v-b17dfd08] {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid rgba(0,0,0,0.1);
}

.tablero-container[data-v-5f9ae015] {
  background-color: transparent;
}
.custom-dashboard-card[data-v-5f9ae015] {
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  user-select: none;
}
.custom-dashboard-card[data-v-5f9ae015]:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.7) !important;
  filter: brightness(1.15);
}
.dashboard-loader-container[data-v-5f9ae015] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(70vh - 100px);
  width: 100%;
}
.dashboard-loader-card[data-v-5f9ae015] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 36px 44px;
  background-color: rgba(24, 24, 27, 0.88);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(0, 191, 165, 0.25);
  border-radius: 24px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6), 0 0 35px rgba(0, 191, 165, 0.15);
  text-align: center;
}
.brand-header-logo-loader[data-v-5f9ae015] {
  display: flex;
  align-items: center;
  user-select: none;
}
.brand-header-logo-loader .logo-icon[data-v-5f9ae015] {
  color: #00bfa5;
  margin-right: 8px;
  filter: drop-shadow(0 0 8px rgba(0, 191, 165, 0.5));
  font-size: 26px;
  line-height: 1;
  animation: greenGlowPulse 8s ease-in-out infinite;
}
.brand-header-logo-loader .logo-gk[data-v-5f9ae015] {
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
  font-size: 1.3rem;
  background: linear-gradient(135deg, #1de9b6, #00897b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 1px;
  animation: greenTextFlash 8s ease-in-out infinite;
}
.brand-header-logo-loader .logo-nexora[data-v-5f9ae015] {
  font-family: 'Outfit', sans-serif;
  font-weight: 300;
  font-size: 1.3rem;
  color: #f5f5f5;
  letter-spacing: 2px;
  margin-left: 5px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.dashboard-loader-text[data-v-5f9ae015] {
  font-size: 0.95rem;
  color: #a1a1aa;
  font-weight: 500;
}
.v-calendar-category .v-calendar-category__column,
.v-calendar-category .v-calendar-category__column-header {
  border-right: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
}
.v-calendar-category .v-calendar-daily__head {
  background: rgb(var(--v-theme-surface));
  color: rgb(var(--v-theme-on-surface));
}
.v-calendar-category .v-calendar-daily__intervals-head {
  background: rgb(var(--v-theme-surface));
  color: rgb(var(--v-theme-on-surface));
}
.v-calendar-category .v-calendar-daily__intervals-body {
  background: rgb(var(--v-theme-surface));
  color: rgb(var(--v-theme-on-surface));
}

.v-calendar-category {
  overflow: auto;
  position: relative;
}
.v-calendar-category .v-calendar-category__category {
  text-align: center;
}
.v-calendar-category .v-calendar-daily__day-container {
  width: min-content;
}
.v-calendar-category .v-calendar-daily__day-container .v-calendar-category__columns {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}
.v-calendar-category .v-calendar-daily__day-body {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
}
.v-calendar-category .v-calendar-daily__head {
  flex-direction: row;
  width: min-content;
  min-width: 100%;
  position: sticky;
  top: 0;
  z-index: 2;
}
.v-calendar-category .v-calendar-daily_head-day {
  width: auto;
  position: unset;
}
.v-calendar-category .v-calendar-daily__intervals-head {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 2;
}
.v-calendar-category .v-calendar-daily_head-weekday {
  position: sticky;
  left: 50%;
  width: 50px;
}
.v-calendar-category .v-calendar-daily_head-day-label {
  width: 56px;
  position: sticky;
  left: 50%;
}
.v-calendar-category .v-calendar-daily__day {
  min-width: 200px;
}
.v-calendar-category .v-calendar-daily__intervals-body {
  position: sticky;
  left: 0;
  z-index: 1;
}
.v-calendar-category .v-calendar-daily__interval:last-of-type::after {
  display: none;
}
.v-calendar-category .v-calendar-daily__body {
  overflow: visible;
}
.v-calendar-category .v-calendar-daily__body .v-calendar-daily__scroll-area {
  overflow-y: visible;
  flex: none;
}
.v-calendar-category .v-calendar-daily__pane {
  overflow-y: visible;
}
.v-calendar-category .v-calendar-category__columns {
  display: flex;
  width: min-content;
  min-width: 100%;
}
.v-calendar-category .v-calendar-category__columns .v-calendar-category__column,
.v-calendar-category .v-calendar-category__columns .v-calendar-category__column-header {
  flex: 1 1 auto;
  width: 0;
  position: relative;
}
.v-calendar-category .v-calendar-category__columns .v-calendar-category__column-header {
  min-width: 200px;
}.v-calendar-daily {
  background-color: rgb(var(--v-theme-surface));
  color: rgb(var(--v-theme-on-surface));
  border-left: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
  border-top: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
}
.v-calendar-daily .v-calendar-daily__intervals-head {
  border-right: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
}
.v-calendar-daily .v-calendar-daily__intervals-head::after {
  background: rgba(var(--v-border-color), var(--v-border-opacity));
  background: linear-gradient(90deg, transparent, rgba(var(--v-border-color), var(--v-border-opacity)));
}
.v-calendar-daily .v-calendar-daily_head-day {
  border-right: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
  border-bottom: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
}
.v-calendar-daily .v-calendar-daily_head-day.v-past .v-calendar-daily_head-weekday,
.v-calendar-daily .v-calendar-daily_head-day.v-past .v-calendar-daily_head-day-label {
  color: rgb(var(--v-theme-on-surface));
}
.v-calendar-daily .v-calendar-daily__intervals-body {
  border-right: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
}
.v-calendar-daily .v-calendar-daily__intervals-body .v-calendar-daily__interval-text {
  color: rgb(var(--v-theme-on-surface));
}
.v-calendar-daily .v-calendar-daily__day {
  border-right: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
  border-bottom: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
}
.v-calendar-daily .v-calendar-daily__day-interval {
  border-top: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
}
.v-calendar-daily .v-calendar-daily__day-interval:first-child {
  border-top: none !important;
}
.v-calendar-daily .v-calendar-daily__interval::after {
  border-top: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
}

.v-calendar-daily {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}

.v-calendar-daily__head {
  flex: none;
  display: flex;
}

.v-calendar-daily__intervals-head {
  flex: none;
  position: relative;
}
.v-calendar-daily__intervals-head::after {
  position: absolute;
  bottom: 0px;
  height: 1px;
  left: 0;
  right: 0;
  content: "";
}

.v-calendar-daily_head-day {
  flex: 1 1 auto;
  width: 0;
  position: relative;
}

.v-calendar-daily_head-weekday {
  user-select: none;
  padding: 3px 0px 0px 0px;
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
}

.v-calendar-daily_head-day-label {
  user-select: none;
  padding: 0px 0px 3px 0px;
  cursor: pointer;
  text-align: center;
}

.v-calendar-daily__body {
  flex: 1 1 60%;
  overflow: hidden;
  display: flex;
  position: relative;
  flex-direction: column;
}

.v-calendar-daily__scroll-area {
  overflow-y: scroll;
  flex: 1 1 auto;
  display: flex;
  align-items: flex-start;
}

.v-calendar-daily__pane {
  width: 100%;
  overflow-y: hidden;
  flex: none;
  display: flex;
  align-items: flex-start;
}

.v-calendar-daily__day-container {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
}

.v-calendar-daily__intervals-body {
  flex: none;
  user-select: none;
}

.v-calendar-daily__interval {
  text-align: right;
  padding-right: 8px;
  border-bottom: none;
  position: relative;
}
.v-calendar-daily__interval::after {
  width: 8px;
  position: absolute;
  height: 1px;
  display: block;
  content: "";
  right: 0;
  bottom: -1px;
}

.v-calendar-daily__interval-text {
  display: block;
  position: relative;
  top: -6px;
  font-size: 10px;
  padding-right: 4px;
}

.v-calendar-daily__day {
  flex: 1;
  width: 0;
  position: relative;
}.v-calendar-weekly {
  background-color: rgb(var(--v-theme-surface));
  color: rgb(var(--v-theme-on-surface));
  border-top: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
  border-left: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
}
.v-calendar-weekly .v-calendar-weekly__head-weekday {
  border-right: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
}
.v-calendar-weekly .v-calendar-weekly__head-weekday.v-past {
  color: rgb(var(--v-theme-on-surface));
}
.v-calendar-weekly .v-calendar-weekly__head-weekday.v-outside {
  background-color: rgb(var(--v-theme-surface-light));
  color: rgb(var(--v-theme-on-surface-light));
}
.v-calendar-weekly .v-calendar-weekly__head-weeknumber {
  background-color: rgb(var(--v-theme-surface));
  color: rgb(var(--v-theme-on-surface));
  border-right: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
}
.v-calendar-weekly .v-calendar-weekly__day {
  border-right: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
  border-bottom: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
}
.v-calendar-weekly .v-calendar-weekly__day.v-outside {
  background-color: rgb(var(--v-theme-surface-light));
  color: rgb(var(--v-theme-on-surface-light));
}
.v-calendar-weekly .v-calendar-weekly__weeknumber {
  background-color: rgb(var(--v-theme-surface));
  color: rgb(var(--v-theme-on-surface));
  border-right: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
  border-bottom: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
}

.v-calendar-weekly {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.v-calendar-weekly__head {
  display: flex;
  user-select: none;
}

.v-calendar-weekly__head-weekday {
  flex: 1 0 20px;
  user-select: none;
  padding: 0px 4px 0px 4px;
  font-size: 11px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.v-calendar-weekly__head-weeknumber {
  position: relative;
  flex: 0 0 24px;
}

.v-calendar-weekly__week {
  display: flex;
  flex: 1;
  height: unset;
  min-height: 0;
}

.v-calendar-weekly__weeknumber {
  display: flex;
  flex: 0 0 24px;
  height: unset;
  min-height: 0;
  padding-top: 14.5px;
  text-align: center;
}
.v-calendar-weekly__weeknumber > small {
  width: 100% !important;
}

.v-calendar-weekly__day {
  flex: 1;
  width: 0;
  overflow: hidden;
  user-select: none;
  position: relative;
  padding: 0px 0px 0px 0px;
  min-width: 0;
}
.v-calendar-weekly__day.v-present .v-calendar-weekly__day-month {
  color: currentColor;
}

.v-calendar-weekly__day-label {
  text-decoration: none;
  user-select: none;
  cursor: pointer;
  box-shadow: none;
  text-align: center;
  margin: 4px 0 0 0;
}
.v-calendar-weekly__day-label .v-btn {
  font-size: 12px;
  text-transform: none;
}

.v-calendar-weekly__day-month {
  position: absolute;
  text-decoration: none;
  user-select: none;
  box-shadow: none;
  top: 0;
  left: 36px;
  height: 32px;
  line-height: 32px;
}.v-icon-btn {
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
  border-style: solid;
  border-width: 0;
}
.v-icon-btn--border {
  border-width: thin;
  box-shadow: none;
}
.v-icon-btn {
  border-radius: 50%;
}
.v-icon-btn:hover > .v-icon-btn__overlay {
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
}
.v-icon-btn:focus-visible > .v-icon-btn__overlay {
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-icon-btn:focus > .v-icon-btn__overlay {
    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
  }
}
.v-icon-btn--active > .v-icon-btn__overlay, .v-icon-btn[aria-haspopup=menu][aria-expanded=true] > .v-icon-btn__overlay {
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
}
.v-icon-btn--active:hover > .v-icon-btn__overlay, .v-icon-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-icon-btn__overlay {
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
}
.v-icon-btn--active:focus-visible > .v-icon-btn__overlay, .v-icon-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-icon-btn__overlay {
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
}
@supports not selector(:focus-visible) {
  .v-icon-btn--active:focus > .v-icon-btn__overlay, .v-icon-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-icon-btn__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
  }
}
.v-icon-btn--variant-plain, .v-icon-btn--variant-outlined, .v-icon-btn--variant-text, .v-icon-btn--variant-tonal {
  background: transparent;
  color: inherit;
}
.v-icon-btn--variant-plain {
  opacity: 0.62;
}
.v-icon-btn--variant-plain:focus, .v-icon-btn--variant-plain:hover {
  opacity: 1;
}
.v-icon-btn--variant-plain .v-icon-btn__overlay {
  display: none;
}
.v-icon-btn--variant-elevated, .v-icon-btn--variant-flat {
  background: rgb(var(--v-theme-surface));
  color: inherit;
}
.v-icon-btn--variant-elevated {
  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.v-icon-btn--variant-flat {
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
}
.v-icon-btn--variant-outlined {
  border: thin solid currentColor;
}
.v-icon-btn--variant-text .v-icon-btn__overlay {
  background: currentColor;
}
.v-icon-btn--variant-tonal .v-icon-btn__underlay {
  background: currentColor;
  opacity: var(--v-activated-opacity);
  border-radius: inherit;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.v-icon-btn .v-icon-btn__underlay {
  position: absolute;
}
.v-icon-btn {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  flex: none;
  font-size: 0.875rem;
  font-weight: 500;
  height: var(--v-icon-btn-height);
  justify-content: center;
  outline: none;
  position: relative;
  transition-property: width, height, transform;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  vertical-align: middle;
  width: var(--v-icon-btn-width);
}
@supports selector(:focus-visible) {
  .v-icon-btn::after {
    pointer-events: none;
    border: 2px solid currentColor;
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
  }
  .v-icon-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .v-icon-btn:focus-visible::after {
    opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
  }
}
.v-icon-btn--disabled, .v-icon-btn--loading, .v-icon-btn--readonly {
  pointer-events: none;
}
.v-icon-btn--disabled {
  opacity: 0.26;
}
.v-icon-btn--start {
  margin-inline-end: 8px;
}
.v-icon-btn--end {
  margin-inline-start: 8px;
}

.v-icon-btn__content {
  align-items: center;
  justify-content: center;
  display: inline-flex;
  transition: inherit;
  transition-property: transform;
  transform: rotate(var(--v-icon-btn-rotate, 0deg));
}
.v-icon-btn--loading .v-icon-btn__content {
  opacity: 0;
}
.v-icon-btn__content .v-icon {
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: opacity, font-size, width, height;
  transform-origin: center;
}

.v-icon-btn__loader {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.v-icon-btn__overlay,
.v-icon-btn__underlay {
  border-radius: inherit;
  pointer-events: none;
}
.v-icon-btn__overlay,
.v-icon-btn__underlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.v-icon-btn__overlay {
  background-color: currentColor;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.v-icon-btn--active:not(:hover) .v-icon-btn__overlay {
  --v-activated-opacity: 0;
}

@media (forced-colors: active) {
  .v-icon-btn:focus-visible {
    outline: 2px solid;
    outline-offset: 2px;
  }
  .v-icon-btn:not(.v-icon-btn--active):hover, .v-icon-btn:not(.v-icon-btn--active):focus {
    color: highlight !important;
  }
  .v-icon-btn--active:not(.v-icon-btn--disabled), .v-icon-btn--active:not(.v-icon-btn--disabled)[class*=bg-] {
    outline-color: canvastext !important;
    background: highlight !important;
    color: highlighttext !important;
  }
  .v-icon-btn--disabled {
    color: graytext;
  }
  .v-icon-btn__overlay, .v-icon-btn__underlay,
  .v-icon-btn .v-icon {
    forced-color-adjust: preserve-parent-color;
  }
}.v-calendar-events .v-event-more {
  background-color: rgb(var(--v-theme-surface));
  color: rgb(var(--v-theme-on-surface));
}
.v-calendar-events .v-event-more.v-outside {
  background-color: rgb(var(--v-theme-surface-light));
  color: rgb(var(--v-theme-on-surface-light));
}

.v-calendar .v-event {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  cursor: pointer;
  line-height: 20px;
  margin-right: -1px;
  z-index: 1;
  border-radius: 4px;
}
.v-calendar .v-event-more {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  cursor: pointer;
  font-weight: bold;
  z-index: 1;
  position: relative;
}
.v-calendar .v-event-timed-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-right: 10px;
  pointer-events: none;
}
.v-calendar .v-event-timed {
  position: absolute;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  cursor: pointer;
  border: 1px solid rgb(var(--v-theme-surface));
  border-radius: 4px;
  pointer-events: all;
}
.v-calendar .v-event-summary {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}
.v-calendar.v-calendar-events .v-calendar-weekly__head-weekday {
  margin-right: -1px;
}
.v-calendar.v-calendar-events .v-calendar-weekly__day {
  overflow: visible;
  margin-right: -1px;
}
/* VCalendar takes care of the internal styles. We just give it height */

/* Contenedor Principal del Modal */
.lifecycle-dialog-card[data-v-c73e5720] {
  background-color: #0f172a !important;
  color: #f8fafc !important;
  border: 1px solid #334155 !important;
}
.border-subtle[data-v-c73e5720] {
  border: 1px solid #334155 !important;
}
.dialog-header[data-v-c73e5720] {
  border-bottom: 1px solid #1e293b !important;
}
.header-title[data-v-c73e5720] {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}
.header-subtitle[data-v-c73e5720] {
  font-size: 13px !important;
  color: #94a3b8 !important;
  font-weight: 400 !important;
}
.dialog-body[data-v-c73e5720] {
  background-color: #0f172a !important;
  color: #f8fafc !important;
  max-height: 75vh;
  overflow-y: auto;
}
.dialog-footer[data-v-c73e5720] {
  border-top: 1px solid #1e293b !important;
}

/* Banner Superior */
.hero-banner[data-v-c73e5720] {
  background-color: #162032 !important;
  border: 1px solid #1e293b !important;
}
.hero-title[data-v-c73e5720] {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}
.hero-text[data-v-c73e5720] {
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  color: #cbd5e1 !important;
}
.hero-text strong[data-v-c73e5720] {
  color: #ffffff !important;
}
.section-title[data-v-c73e5720] {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  display: flex;
  align-items: center;
}

/* Tarjetas de Estado Sobrias */
.state-box[data-v-c73e5720] {
  background-color: #162032 !important;
  border: 1px solid #1e293b !important;
}
.badge-neutral[data-v-c73e5720] {
  font-size: 12px !important;
  color: #94a3b8 !important;
  font-weight: 500 !important;
}
.info-row[data-v-c73e5720] {
  display: flex;
  flex-direction: column;
}
.label-muted[data-v-c73e5720] {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  margin-bottom: 2px !important;
}
.value-text[data-v-c73e5720] {
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #ffffff !important;
}
.value-text strong[data-v-c73e5720] {
  color: #ffffff !important;
}
.divider-line[data-v-c73e5720] {
  border-top: 1px solid #1e293b !important;
}

/* Reglas y Subcomponentes */
.rules-container[data-v-c73e5720] {
  background-color: #162032 !important;
  border: 1px solid #1e293b !important;
}
.mini-card[data-v-c73e5720] {
  background-color: #0f172a !important;
  border: 1px solid #1e293b !important;
}
.card-subtitle-sober[data-v-c73e5720] {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}
.card-body-sober[data-v-c73e5720] {
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #cbd5e1 !important;
}
.card-body-sober strong[data-v-c73e5720] {
  color: #ffffff !important;
}

/* ── Fondo Oscuro Corporativo GK Nexora ── */
.custom-navigation-drawer[data-v-2528d9ac] {
  background: 
    radial-gradient(circle at 10% 10%, rgba(0, 191, 165, 0.14), transparent 45%),
    radial-gradient(circle at 90% 85%, rgba(29, 233, 184, 0.08), transparent 50%),
    linear-gradient(165deg, #0b111e 0%, #070a12 50%, #05070d 100%) !important;
  border-right: 1px solid rgba(0, 191, 165, 0.15) !important;
  position: relative;
  z-index: 1000 !important;
  overflow: visible !important;
}
.custom-navigation-drawer[data-v-2528d9ac] .v-navigation-drawer__content {
  background: 
    radial-gradient(circle at 10% 10%, rgba(0, 191, 165, 0.14), transparent 45%),
    radial-gradient(circle at 90% 85%, rgba(29, 233, 184, 0.08), transparent 50%),
    linear-gradient(165deg, #0b111e 0%, #070a12 50%, #05070d 100%) !important;
  overflow: visible !important;
}
.drawer-divider[data-v-2528d9ac] {
  border-color: rgba(0, 191, 165, 0.18) !important;
}
.menu-list[data-v-2528d9ac] {
  position: relative;
  z-index: 1001;
  overflow: visible !important;
  padding: 8px 6px !important;
}

/* ── Encabezado Estático del Sidebar ── */
.header-static-item[data-v-2528d9ac] {
  cursor: default;
  background-color: transparent !important;
  padding: 0 14px !important;
  min-height: 52px;
}
.header-static-item[data-v-2528d9ac]:hover,
.header-static-item.v-list-item--active[data-v-2528d9ac],
.header-static-item[data-v-2528d9ac]:focus,
.header-static-item[data-v-2528d9ac]:focus-visible {
  background-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
.header-static-item[data-v-2528d9ac] .v-list-item__overlay,
.header-static-item[data-v-2528d9ac] .v-list-item__underlay {
  opacity: 0 !important;
  display: none !important;
}
.header-static-item[data-v-2528d9ac] .v-icon {
  color: #00bfa5 !important;
  filter: drop-shadow(0 0 6px rgba(0, 191, 165, 0.4));
}
.header-toggle-btn[data-v-2528d9ac] {
  color: #a1a1aa !important;
  transition: all 0.2s ease;
}
.header-toggle-btn[data-v-2528d9ac]:hover {
  color: #00bfa5 !important;
  transform: scale(1.1);
}
.v-navigation-drawer--rail .header-static-item[data-v-2528d9ac] .v-list-item__append,
.v-navigation-drawer--rail .header-static-item[data-v-2528d9ac] .v-list-item__prepend {
  display: flex !important;
  visibility: visible !important;
}

/* ── Items del Menú Principal ── */
.group-activator[data-v-2528d9ac],
.single-item[data-v-2528d9ac] {
  margin-bottom: 4px;
  border-radius: 10px !important;
  transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  min-height: 42px;
}
[data-v-2528d9ac] .menu-list > .v-list-item .v-list-item-title {
  color: #e4e4e7 !important;
  font-family: 'Outfit', sans-serif, system-ui;
  font-weight: 500;
  font-size: 0.9rem;
  letter-spacing: 0.2px;
}
[data-v-2528d9ac] .menu-list > .v-list-item .v-list-item__prepend .v-icon {
  color: #00bfa5 !important;
  filter: drop-shadow(0 0 5px rgba(0, 191, 165, 0.35));
  transition: transform 0.2s ease, color 0.2s ease;
}
.chevron-icon[data-v-2528d9ac] {
  color: #71717a !important;
  transition: transform 0.2s ease, color 0.2s ease;
}

/* Hover Menú Principal */
.group-activator[data-v-2528d9ac]:hover,
.single-item[data-v-2528d9ac]:hover {
  background: rgba(0, 191, 165, 0.14) !important;
  box-shadow: 0 4px 15px rgba(0, 191, 165, 0.1) !important;
}
.group-activator[data-v-2528d9ac]:hover .v-list-item-title,
.single-item[data-v-2528d9ac]:hover .v-list-item-title {
  color: #ffffff !important;
}
.group-activator[data-v-2528d9ac]:hover .v-list-item__prepend .v-icon,
.single-item[data-v-2528d9ac]:hover .v-list-item__prepend .v-icon {
  color: #1de9b6 !important;
  transform: translateX(2px);
  filter: drop-shadow(0 0 8px rgba(0, 191, 165, 0.6));
}
.group-activator:hover .chevron-icon[data-v-2528d9ac] {
  color: #00bfa5 !important;
  transform: translateX(2px);
}

/* Estado Activo / Menú Abierto */
.group-activator.group-active[data-v-2528d9ac] {
  background: linear-gradient(90deg, rgba(0, 191, 165, 0.22) 0%, rgba(0, 191, 165, 0.05) 100%) !important;
  border-left: 3px solid #00bfa5 !important;
  box-shadow: 0 4px 20px rgba(0, 191, 165, 0.15) !important;
}
.group-activator.group-active[data-v-2528d9ac] .v-list-item-title {
  color: #ffffff !important;
  font-weight: 600;
}
.group-activator.group-active .chevron-icon[data-v-2528d9ac] {
  color: #1de9b6 !important;
  transform: rotate(90deg);
}

/* ── Submenús Flotantes Oscuros (Borde exterior elegante en la caja principal) ── */
.lateral-submenu[data-v-2528d9ac],[data-v-2528d9ac] .lateral-submenu,[data-v-2528d9ac] .v-card.lateral-submenu,[data-v-2528d9ac] .v-overlay__content .v-card {
  min-width: 230px !important;
  max-width: 320px !important;
  max-height: 420px;
  overflow: hidden;
  z-index: 10000 !important;
  background-color: rgba(11, 17, 30, 0.98) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(0, 191, 165, 0.28) !important;
  outline: none !important;
  border-radius: 12px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.75), 0 0 25px rgba(0, 191, 165, 0.15) !important;
}
[data-v-2528d9ac] .lateral-submenu .v-card__underlay,[data-v-2528d9ac] .lateral-submenu .v-card__overlay {
  background-color: rgba(11, 17, 30, 0.98) !important;
}
.sticky-submenu-header[data-v-2528d9ac] {
  position: sticky;
  top: 0;
  background: linear-gradient(135deg, rgba(20, 30, 48, 0.98), rgba(11, 17, 30, 0.98)) !important;
  z-index: 2;
  padding: 12px 16px;
  border-bottom: none !important;
  border-radius: 0 !important;
  display: flex;
  align-items: center;
  gap: 8px;
}
.sticky-title[data-v-2528d9ac] {
  color: #f4f4f5 !important;
  font-family: 'Outfit', sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: 0.3px;
}
.submenu-list[data-v-2528d9ac],[data-v-2528d9ac] .submenu-list,[data-v-2528d9ac] .submenu-list.v-list {
  background-color: transparent !important;
  padding: 6px !important;
  border: none !important;
  outline: none !important;
  border-radius: 0 !important;
}
.submenu-item[data-v-2528d9ac] {
  min-height: 38px !important;
  border-radius: 8px !important;
  margin-bottom: 2px;
  transition: all 0.2s ease !important;
  background-color: transparent !important;
}
.submenu-item[data-v-2528d9ac]:last-child {
  margin-bottom: 0;
}
.submenu-text[data-v-2528d9ac] {
  color: #d4d4d8 !important;
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
  font-size: 0.86rem !important;
}
.submenu-icon[data-v-2528d9ac] {
  transition: transform 0.2s ease, color 0.2s ease;
}
.submenu-item[data-v-2528d9ac]:hover {
  background-color: rgba(0, 191, 165, 0.16) !important;
  box-shadow: 0 2px 10px rgba(0, 191, 165, 0.12) !important;
}
.submenu-item:hover .submenu-text[data-v-2528d9ac] {
  color: #ffffff !important;
  font-weight: 600;
}
.submenu-item:hover .submenu-icon[data-v-2528d9ac] {
  color: #1de9b6 !important;
  transform: translateX(3px);
  filter: drop-shadow(0 0 6px rgba(0, 191, 165, 0.5));
}

/* ── Ocultación Estándar Vuetify Modo RAIL ── */
.v-navigation-drawer--rail .v-list-item-title[data-v-2528d9ac],
.v-navigation-drawer--rail .v-list-item__append[data-v-2528d9ac] {
  display: none;
}
.text-truncate[data-v-2528d9ac] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.json-container[data-v-57be4f3b] {
    max-height: 150px;
    overflow-y: auto;
    padding: 4px;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.json-content[data-v-57be4f3b] {
    margin: 0;
    font-size: 10px;
    font-family: 'Courier New', monospace;
    white-space: pre-wrap;
    word-break: break-word;
}

[data-v-fbbad0d0] .imgPaste{
  width: 40px;
  height: 40px;
}
[data-v-fbbad0d0] .crud-footer {
  display: none !important;
}
.info-ticket-card[data-v-fbbad0d0] {
  height: 100%;
}
.ticket-card[data-v-fbbad0d0] {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: #fff;
}
.quick-actions[data-v-fbbad0d0] {
  padding: 10px 12px;
  border-radius: 10px;
  background: #f8fafc;
}
@media (max-width: 600px) {
[data-v-fbbad0d0] .v-card-title {
    font-size: 1rem;
}
.info-group[data-v-fbbad0d0] {
    flex-direction: column;
    gap: 4px;
}
.info-label[data-v-fbbad0d0] {
    min-width: 0;
}
.info-group[data-v-fbbad0d0] .v-select,
  .info-group[data-v-fbbad0d0] .v-text-field {
    width: 100% !important;
    max-width: none !important;
}
}
.info-group[data-v-fbbad0d0] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
  gap: 8px;
}
.info-label[data-v-fbbad0d0] {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #5a6c7d;
  min-width: 140px;
  font-size: 0.9rem;
}
.info-value[data-v-fbbad0d0] {
  color: #2c3e50;
  flex: 1;
  font-size: 0.9rem;
}
.descripcion-text[data-v-fbbad0d0] {
  line-height: 1.5;
  max-height: 100px;
  overflow-y: auto;
}
.bg-info[data-v-fbbad0d0] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}
.bg-success[data-v-fbbad0d0] {
  background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
  color: white;
}
.v-label[data-v-fbbad0d0] {
  display: flex;
  align-items: center;
  font-size: 0.95rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
}

.crud-footer {
  display: none !important;
}

.btn-guardar[data-v-69033f12] {
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.btn-guardar[data-v-69033f12]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
}
.btn-guardar[data-v-69033f12]:hover::before {
  width: 300px;
  height: 300px;
}
.btn-guardar[data-v-69033f12]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.btnHeader[data-v-8de799b6] {
  transition: all 0.2s ease;
}
.btnHeader[data-v-8de799b6]:hover {
  transform: scale(1.1);
}

.ticket-info-header[data-v-a397347b] {
  display: flex;
  align-items: center;
}
.ticket-drawer[data-v-a397347b] {
  max-width: 100vw;
}
[data-v-a397347b] .ticket-detail-overlay {
  margin: 0 0 0 auto;
  height: 100%;
  max-height: 100%;
}
[data-v-a397347b] .ticket-detail-overlay > .v-card {
  height: 100%;
  border-radius: 16px 0 0 16px;
}
.ticket-drawer-header[data-v-a397347b] {
  background: linear-gradient(135deg, #173b68 0%, #2563a6 100%);
  color: #fff;
}
.ticket-drawer-body[data-v-a397347b] {
  overflow-y: auto;
  height: calc(100vh - 116px);
  background: #f8fafc;
}
.detail-card[data-v-a397347b] {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: #fff;
}
.timeline-card[data-v-a397347b] {
  min-height: 300px;
}
.proceso-card[data-v-a397347b] {
  padding: 10px 12px;
  border-left: 3px solid #2563a6;
  border-radius: 0 10px 10px 0;
  background: #fff;
  margin-bottom: 8px;
}
.ticket-titulo-detalle[data-v-a397347b] {
  color: #2c3e50;
  margin: 0;
  font-size: 1.3rem;
}
.info-row[data-v-a397347b] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  gap: 8px;
}
.info-label[data-v-a397347b] {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #5a6c7d;
  min-width: 150px;
}
.info-value[data-v-a397347b] {
  color: #2c3e50;
}
.proceso-card[data-v-a397347b] {
  margin-bottom: 8px;
  transition: all 0.2s ease;
}
.proceso-card[data-v-a397347b]:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transform: translateX(2px);
}
@media (max-width: 600px) {
.ticket-drawer[data-v-a397347b] {
    width: 100% !important;
}
}
.proceso-id[data-v-a397347b] {
  color: #004e9b;
  font-size: 0.95rem;
  margin-bottom: 4px;
}
.proceso-titulo[data-v-a397347b] {
  color: #2c3e50;
  font-size: 0.95rem;
  margin-bottom: 4px;
}
.proceso-fecha[data-v-a397347b] {
  color: #7f8c8d;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.proceso-descripcion[data-v-a397347b] {
  color: #555;
  font-size: 0.9rem;
}
.btn-cerrar-dialog[data-v-a397347b] {
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.btn-cerrar-dialog[data-v-a397347b]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(33, 150, 243, 0.3);
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
}
.btn-cerrar-dialog[data-v-a397347b]:hover::before {
  width: 300px;
  height: 300px;
}
.btn-cerrar-dialog[data-v-a397347b]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.btnHeader[data-v-a397347b] {
  transition: all 0.2s ease;
}
.btnHeader[data-v-a397347b]:hover {
  transform: scale(1.1);
}

[data-v-bbbcf841] .btnHeader {
  transition: all 0.2s ease;
}
.btnHeader[data-v-bbbcf841]:hover {
  transform: scale(1.1);
}

.ticket-summary-card[data-v-7f0f4eb1] {
    border: 1px solid rgba(15, 23, 42, 0.07);
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}
.ticket-filter-card[data-v-7f0f4eb1] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
}
.ticket-summary-card[data-v-7f0f4eb1]:hover {
    transform: translateY(-2px);
    transition: transform 0.18s ease;
}
[data-v-7f0f4eb1] .tablaTicketClass tbody tr {
    transition: background-color 0.15s ease;
}
[data-v-7f0f4eb1] .tablaTicketClass tbody tr:hover {
    background: #f8fbff;
}
@media (max-width: 600px) {
.ticket-summary-row[data-v-7f0f4eb1] {
        margin-inline: -4px;
}
}

.conexion-title[data-v-46050a26] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.conexion-title__main[data-v-46050a26] {
  color: #ffffff;
  font-weight: 800;
}
.conexion-title__sub[data-v-46050a26] {
  color: #d1d5db;
  font-size: 0.8rem;
}
.conexion-form[data-v-46050a26] {
  padding-top: 8px;
}

.social-grid[data-v-5c1eb3c0] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 16px;
  margin-bottom: 18px;
}
.social-card[data-v-5c1eb3c0] {
  display: grid;
  grid-template-columns: 88px 1fr;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #cbd6e3;
  background: #f7f9fc;
  box-shadow: 0 16px 30px rgba(15, 23, 42, 0.12);
}
.social-card__rail[data-v-5c1eb3c0] {
  background: var(--social-gradient);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.social-card__body[data-v-5c1eb3c0] {
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.social-card__meta[data-v-5c1eb3c0] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 0.66rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #52627a;
}
.social-card__body h3[data-v-5c1eb3c0] {
  margin: 0;
  color: #172033;
  font-size: 1.25rem;
}
.social-card__body p[data-v-5c1eb3c0] {
  margin: 0;
  color: #40516a;
  font-size: 0.82rem;
  line-height: 1.35;
}
.social-card__stats[data-v-5c1eb3c0] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.social-card__actions[data-v-5c1eb3c0] {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.social-card__profile[data-v-5c1eb3c0] {
  border: 1px solid #c4d2e2;
  border-radius: 12px;
  padding: 10px;
  background: #eaf0f7;
  display: grid;
  gap: 6px;
}
.social-card__profile-header[data-v-5c1eb3c0] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.74rem;
  color: #1e3a5f;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.social-card__profile-row[data-v-5c1eb3c0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.social-card__profile-label[data-v-5c1eb3c0] {
  font-size: 0.72rem;
  color: #52627a;
}
.social-card__profile-value[data-v-5c1eb3c0] {
  font-size: 0.77rem;
  color: #172033;
  font-weight: 600;
  text-align: right;
  word-break: break-word;
}
.social-card__profile-footer[data-v-5c1eb3c0] {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media (max-width: 1360px) {
.social-grid[data-v-5c1eb3c0] {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
}
@media (max-width: 760px) {
.social-grid[data-v-5c1eb3c0] {
    grid-template-columns: 1fr;
}
.social-card[data-v-5c1eb3c0] {
    grid-template-columns: 70px 1fr;
}
}

.admin-redes[data-v-b18754c3] {
  --social-ink: #172033;
  --social-muted: #607089;
  --social-border: rgba(31, 41, 55, 0.14);
  --social-primary: #315cce;
  display: grid;
  gap: 16px;
  padding: 4px 2px 18px;
}
.social-heading[data-v-b18754c3] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 4px 2px 2px;
}
.social-heading__icon[data-v-b18754c3],
.social-publish-panel__icon[data-v-b18754c3] {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--social-primary);
  background: rgba(49, 92, 206, 0.1);
  border-radius: 11px;
}
.social-heading__icon[data-v-b18754c3] {
  width: 42px;
  height: 42px;
}
.social-heading__eyebrow[data-v-b18754c3],
.social-publish-panel__eyebrow[data-v-b18754c3],
.social-section__eyebrow[data-v-b18754c3] {
  margin: 0 0 3px;
  color: var(--social-primary);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.social-heading h3[data-v-b18754c3],
.social-publish-panel h4[data-v-b18754c3],
.social-section h4[data-v-b18754c3] {
  margin: 0;
  color: var(--social-ink);
  font-weight: 700;
  letter-spacing: -0.015em;
}
.social-heading h3[data-v-b18754c3] {
  font-size: 1.25rem;
}
.social-heading__description[data-v-b18754c3] {
  margin: 3px 0 0;
  color: var(--social-muted);
  font-size: 0.84rem;
}
.social-publish-panel[data-v-b18754c3] {
  display: grid;
  grid-template-columns: minmax(220px, 0.7fr) minmax(0, 1.8fr);
  gap: 24px;
  padding: 20px;
  border: 1px solid #273754;
  border-radius: 18px;
  background: linear-gradient(135deg, #1b2941 0%, #202f49 62%, #263957 100%);
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.16);
}
.social-publish-panel__header[data-v-b18754c3] {
  align-self: center;
  max-width: 340px;
}
.social-publish-panel__title-row[data-v-b18754c3] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.social-publish-panel__icon[data-v-b18754c3] {
  width: 34px;
  height: 34px;
  border-radius: 10px;
}
.social-publish-panel h4[data-v-b18754c3] {
  color: #f8fafc;
}
.social-publish-panel__eyebrow[data-v-b18754c3] {
  color: #9dbaff;
}
.social-publish-panel__form[data-v-b18754c3] {
  display: grid;
  gap: 12px;
}
.social-publish-panel__fields[data-v-b18754c3] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.social-publish-panel__fields[data-v-b18754c3] .v-textarea {
  grid-column: 1 / -1;
}
.social-publish-panel__actions[data-v-b18754c3] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.social-publish-panel__status[data-v-b18754c3] {
  max-width: 100%;
  white-space: normal;
}
.social-publish-panel p[data-v-b18754c3] {
  margin: 12px 0 0;
  color: #bdc9db;
  font-size: 0.82rem;
  line-height: 1.55;
}
.social-publish-panel__fields[data-v-b18754c3] .v-field {
  color: #f8fafc;
  background: rgba(9, 16, 30, 0.38);
  border-color: rgba(190, 207, 236, 0.34);
}
.social-publish-panel__fields[data-v-b18754c3] .v-field:hover {
  border-color: rgba(190, 207, 236, 0.62);
}
.social-publish-panel__fields[data-v-b18754c3] .v-field--focused {
  border-color: #8eafff;
  box-shadow: 0 0 0 2px rgba(142, 175, 255, 0.18);
}
.social-publish-panel__fields[data-v-b18754c3] .v-field__input,
.social-publish-panel__fields[data-v-b18754c3] input,
.social-publish-panel__fields[data-v-b18754c3] textarea,
.social-publish-panel__fields[data-v-b18754c3] .v-select__selection-text,
.social-publish-panel__fields[data-v-b18754c3] .v-icon {
  color: #f8fafc;
}
.social-publish-panel__fields[data-v-b18754c3] .v-label,
.social-publish-panel__fields[data-v-b18754c3] .v-field__input::placeholder,
.social-publish-panel__fields[data-v-b18754c3] input::placeholder,
.social-publish-panel__fields[data-v-b18754c3] textarea::placeholder {
  color: #b8c4d7;
  opacity: 1;
}
.social-section[data-v-b18754c3] {
  padding: 16px;
  border: 1px solid var(--social-border);
  border-radius: 16px;
  background: #f2f5f9;
  box-shadow: 0 5px 18px rgba(31, 41, 55, 0.06);
}
.social-section__header[data-v-b18754c3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  color: var(--social-muted);
}
.social-actions[data-v-b18754c3] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 760px) {
.social-publish-panel[data-v-b18754c3] {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 16px;
}
.social-publish-panel__header[data-v-b18754c3] {
    max-width: none;
}
.social-publish-panel__fields[data-v-b18754c3] {
    grid-template-columns: 1fr;
}
.social-publish-panel__fields[data-v-b18754c3] .v-textarea {
    grid-column: auto;
}
.social-actions[data-v-b18754c3] {
    justify-content: flex-start;
}
}

.inbox-topbar[data-v-f777115a] {
  border: 1px solid #39434f;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 12px;
  background: #0b0f14;
}
.inbox-topbar--instagram[data-v-f777115a] { --network-primary: #c13584; --network-dark: #833ab4; --network-soft: #fff0f7;
}
.inbox-topbar--facebook[data-v-f777115a] { --network-primary: #1877f2; --network-dark: #0d5dcc; --network-soft: #eef5ff;
}
.topbar-main[data-v-f777115a]  {
  padding-left: 16px;
  padding-right: 16px;
  /* Opcional: si quieres que no ocupe el 100% exacto y respete los márgenes */
}
.topbar-actions[data-v-f777115a] {
  gap: 8px;
  padding: 4px 8px;
  background: linear-gradient(100deg, #245da9 0%, #356cc1 52%, #274e91 100%) !important;
  border-top: 1px solid rgba(117, 166, 235, 0.4);
}
.topbar-actions[data-v-f777115a] .v-btn {
  color: #f1f4fb;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.topbar-actions[data-v-f777115a] .v-btn:disabled {
  color: #9299b0;
}
.topbar-actions[data-v-f777115a] .v-field {
  color: #f5f7fb;
  border-color: rgba(229, 235, 247, 0.46);
  background: rgba(10, 20, 38, 0.28);
  border-radius: 8px;
}
.topbar-actions[data-v-f777115a] input,
.topbar-actions[data-v-f777115a] .v-icon,
.topbar-actions[data-v-f777115a] .v-field__input {
  color: #f5f7fb;
}
.topbar-actions[data-v-f777115a] input::placeholder {
  color: #c3c9d9;
  opacity: 1;
}
.topbar-title[data-v-f777115a] {
  font-size: 0.92rem;
  font-weight: 700;
  color: #f5f7fa;
}
.topbar-subtitle[data-v-f777115a] {
  font-size: 0.79rem;
  color: #9ba4af;
}

.panel-left[data-v-a0ca8a1a] {
  --surface-canvas: #0e1318;
  --surface-panel: #161c24;
  --surface-elevated: #1d242d;
  --surface-hover: #232b35;
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-soft: rgba(255, 255, 255, 0.14);
  --text-primary: #f5f7fa;
  --text-secondary: #9aa5b1;
  --text-tertiary: #6b7684;

  --ig-primary: #e1306c;
  --ig-gradient: linear-gradient(135deg, #833ab4 0%, #e1306c 55%, #f77737 100%);
  --ig-soft: rgba(225, 48, 108, 0.14);

  --fb-primary: #0084FF;
  --fb-gradient: linear-gradient(135deg, #0084FF 0%, #0060cb 100%);
  --fb-soft: rgba(0, 132, 255, 0.14);

  padding: 14px;
  height: 100%;
  background: var(--surface-canvas);
  display: flex;
  flex-direction: column;
}
.panel-left--instagram[data-v-a0ca8a1a] {
  --network-primary: var(--ig-primary);
  --network-gradient: var(--ig-gradient);
  --network-soft: var(--ig-soft);
}
.panel-left--facebook[data-v-a0ca8a1a] {
  --network-primary: var(--fb-primary);
  --network-gradient: var(--fb-gradient);
  --network-soft: var(--fb-soft);
}
.panel-left__brand[data-v-a0ca8a1a] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 0 2px;
}
.panel-left__brand-icon-wrap[data-v-a0ca8a1a] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: var(--network-gradient);
  color: #fff;
}
.panel-left__brand-label[data-v-a0ca8a1a] {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-secondary);
}
.search-field[data-v-a0ca8a1a] {
  flex: none; /* Esto evita que el input se estire verticalmente */
}
.search-field[data-v-a0ca8a1a] .v-field {
  background: var(--surface-panel);
  border-radius: 22px;
  font-size: 0.85rem;
}
.search-field[data-v-a0ca8a1a] .v-field__outline {
  --v-field-border-color: var(--border-soft) !important;
}
.search-field[data-v-a0ca8a1a] .v-field--focused .v-field__outline {
  --v-field-border-color: var(--network-primary) !important;
}
.search-field[data-v-a0ca8a1a] .v-field__input {
  min-height: 38px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 0.85rem;
  line-height: 1.3;
}
.search-field[data-v-a0ca8a1a] input {
  font-size: 0.85rem;
}
.search-field[data-v-a0ca8a1a] .v-field__prepend-inner {
  padding-top: 6px;
}
.search-field[data-v-a0ca8a1a] .v-icon {
  font-size: 18px;
}
.panel-left[data-v-a0ca8a1a] input {
  color: var(--text-primary);
}
.conversation-list[data-v-a0ca8a1a] {
  flex: 1;
  overflow: auto;
  padding-right: 4px;
  background: transparent;
}
.conversation-list[data-v-a0ca8a1a]::-webkit-scrollbar {
  width: 6px;
}
.conversation-list[data-v-a0ca8a1a]::-webkit-scrollbar-thumb {
  background: var(--border-soft);
  border-radius: 4px;
}
.conversation-item[data-v-a0ca8a1a] {
  margin-bottom: 8px;
  background: var(--surface-panel);
  border: 1px solid transparent;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.conversation-list[data-v-a0ca8a1a] .v-list-item {
  min-height: 64px;
  padding-block: 8px;
}
.conversation-list[data-v-a0ca8a1a] .v-list-item-title {
  font-size: 0.88rem;
  line-height: 1.25;
}
.conversation-item[data-v-a0ca8a1a]:hover {
  background: var(--surface-hover);
}
.conversation-list[data-v-a0ca8a1a] .v-list-item--active.conversation-item {
  background: var(--network-soft);
  border-color: var(--network-primary);
}
.avatar-ring[data-v-a0ca8a1a] {
  padding: 2px;
  border-radius: 50%;
  background: var(--network-gradient);
  display: inline-flex;
}
.list-name[data-v-a0ca8a1a] {
  font-weight: 700;
  color: var(--text-primary);
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}
.list-username[data-v-a0ca8a1a] {
  color: var(--text-tertiary);
  font-size: 0.72rem;
  line-height: 1.2;
  margin-top: 2px;
}
.list-subtitle[data-v-a0ca8a1a] {
  font-size: 0.85rem;
  color: var(--text-secondary);
  line-height: 1.3;
}
.list-append[data-v-a0ca8a1a] {
  display: grid;
  justify-items: end;
  gap: 6px;
}
.list-date[data-v-a0ca8a1a] {
  font-size: 0.72rem;
  color: var(--text-tertiary);
}
.empty-item[data-v-a0ca8a1a] {
  min-height: 120px;
  display: grid;
  align-content: center;
  background: var(--surface-panel);
}
.empty-icon[data-v-a0ca8a1a] {
  color: var(--network-primary);
  opacity: 0.75;
}
.empty-title[data-v-a0ca8a1a] {
  font-weight: 700;
  color: var(--text-primary);
}
.empty-subtitle[data-v-a0ca8a1a] {
  color: var(--text-secondary);
}

.chat-panel[data-v-c9b512b8] {
  /* --- base tokens (compartidos con ConversationListPanel y ContactDetailsPanel) --- */
  --surface-canvas: #0e1318;
  --surface-panel: #161c24;
  --surface-elevated: #1d242d;
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-soft: rgba(255, 255, 255, 0.14);
  --text-primary: #f5f7fa;
  --text-secondary: #9aa5b1;
  --text-tertiary: #6b7684;

  /* --- paletas de red --- */
  --ig-primary: #e1306c;
  --ig-gradient: linear-gradient(135deg, #833ab4 0%, #e1306c 55%, #f77737 100%);
  --ig-soft: rgba(225, 48, 108, 0.1);

  --fb-primary: #1877f2;
  --fb-gradient: linear-gradient(135deg, #1877f2 0%, #0c63d4 100%);
  --fb-soft: rgba(24, 119, 242, 0.1);

  height: 100%;
  border: 1px solid var(--border-subtle);
  background: var(--surface-canvas);
  display: grid;
  grid-template-rows: auto auto 1fr auto auto;
}
.chat-panel--instagram[data-v-c9b512b8] {
  --network-primary: var(--ig-primary);
  --network-gradient: var(--ig-gradient);
  --network-soft: var(--ig-soft);
}
.chat-panel--facebook[data-v-c9b512b8] {
  --network-primary: var(--fb-primary);
  --network-gradient: var(--fb-gradient);
  --network-soft: var(--fb-soft);
}
.chat-header[data-v-c9b512b8] {
  padding-inline: 14px;
  min-height: 72px;
  background: var(--surface-elevated);
  border-bottom: 1px solid var(--border-subtle);
}
.avatar-ring[data-v-c9b512b8] {
  position: relative;
  padding: 2px;
  border-radius: 50%;
  background: var(--network-gradient);
  display: inline-flex;
}
.chat-avatar[data-v-c9b512b8] {
  border: 2px solid var(--surface-elevated);
}
.network-badge[data-v-c9b512b8] {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--network-primary);
  color: #fff;
  display: grid;
  place-items: center;
  border: 2px solid var(--surface-elevated);
}
.chat-name[data-v-c9b512b8] {
  font-weight: 700;
  color: var(--text-primary);
}
.chat-meta[data-v-c9b512b8] {
  font-size: 0.78rem;
  color: var(--text-tertiary);
}
.chat-messages[data-v-c9b512b8] {
  padding: 16px 24px;
  overflow: auto;
  background: radial-gradient(circle at 12% 0%, var(--network-soft), transparent 45%),
    linear-gradient(180deg, var(--surface-canvas) 0%, #0a0e13 100%);
}
.chat-messages[data-v-c9b512b8]::-webkit-scrollbar {
  width: 6px;
}
.chat-messages[data-v-c9b512b8]::-webkit-scrollbar-thumb {
  background: var(--border-soft);
  border-radius: 4px;
}
.message-row[data-v-c9b512b8] {
  display: block;
}
.date-separator[data-v-c9b512b8] {
  display: flex;
  justify-content: center;
  margin: 16px 0 14px;
  color: var(--text-tertiary);
  font-size: 0.72rem;
  font-weight: 600;
}
.date-separator span[data-v-c9b512b8] {
  padding: 4px 12px;
  border-radius: 999px;
  background: var(--surface-panel);
}
.bubble-wrap[data-v-c9b512b8] {
  display: flex;
  align-items: flex-end;
  gap: 7px;
  margin-bottom: 4px;
}
.bubble-wrap--out[data-v-c9b512b8] {
  justify-content: flex-end;
}
.bubble-wrap--out .message-avatar[data-v-c9b512b8] {
  order: 2;
}
.bubble[data-v-c9b512b8] {
  max-width: min(78%, 680px);
  padding: 10px 14px 8px;
  font-size: 0.9rem;
  line-height: 1.4;
  border: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.08);
}
.bubble--in[data-v-c9b512b8] {
  background: var(--surface-elevated);
  color: var(--text-primary);
  border-radius: 18px 18px 18px 4px;
}
.bubble--out[data-v-c9b512b8] {
  background: var(--network-primary);
  color: #ffffff;
  border-radius: 18px 18px 4px 18px;
}
.bubble-time[data-v-c9b512b8] {
  margin-top: 4px;
  font-size: 0.7rem;
  text-align: right;
  color: var(--text-tertiary);
  white-space: nowrap;
  font-weight: 500;
}
.bubble--out .bubble-time[data-v-c9b512b8] {
  color: rgba(255, 255, 255, 0.85);
}
.message-avatar[data-v-c9b512b8] {
  border: 2px solid var(--surface-canvas);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.25);
  flex: 0 0 auto;
}
.bubble-image-wrap[data-v-c9b512b8] {
  cursor: pointer;
}
.bubble-image[data-v-c9b512b8] {
  width: 240px;
  height: 180px;
  border-radius: 10px;
  margin-bottom: 6px;
}
.typing-indicator[data-v-c9b512b8] {
  font-size: 0.78rem;
  color: var(--network-primary);
  padding-left: 4px;
}
.chat-empty[data-v-c9b512b8] {
  display: grid;
  place-items: center;
  height: 100%;
  color: var(--text-tertiary);
}
.chat-composer[data-v-c9b512b8] {
  display: grid;
  gap: 10px;
  padding: 12px 14px;
  background: var(--surface-elevated);
  border-top: 1px solid var(--border-subtle);
}
.composer-input[data-v-c9b512b8] .v-field {
  background: var(--surface-panel);
  border-radius: 22px;
}
.composer-input[data-v-c9b512b8] .v-field__outline {
  --v-field-border-color: var(--border-soft) !important;
}
.composer-input[data-v-c9b512b8] .v-field--focused .v-field__outline {
  --v-field-border-color: var(--network-primary) !important;
}
.composer-input[data-v-c9b512b8] textarea,
.composer-input[data-v-c9b512b8] .v-field__input,
.composer-input[data-v-c9b512b8] .v-icon {
  color: var(--text-primary) !important;
}
.composer-input[data-v-c9b512b8] textarea::placeholder {
  color: var(--text-tertiary);
  opacity: 1;
}
.composer-actions[data-v-c9b512b8] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.attach-btn[data-v-c9b512b8] {
  background: var(--surface-panel) !important;
  color: var(--network-primary) !important;
}
.send-btn[data-v-c9b512b8] {
  background: var(--network-gradient) !important;
  color: #fff !important;
  font-weight: 700;
}
.chat-panel--facebook .send-btn[data-v-c9b512b8] {
  background: var(--network-primary) !important;
}

.details-panel[data-v-b46d8443] {
  var(--surface-canvas): #0e1318;
  --surface-panel: #161c24;
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-soft: rgba(255, 255, 255, 0.14);
  --text-primary: #f5f7fa;
  --text-secondary: #9aa5b1;
  --text-tertiary: #6b7684;

  --ig-primary: #e1306c;
  --ig-gradient: linear-gradient(135deg, #833ab4 0%, #e1306c 55%, #f77737 100%);
  --ig-soft: rgba(225, 48, 108, 0.12);

  /* Actualizado al azul de Messenger */
  --fb-primary: #0084FF;
  --fb-gradient: linear-gradient(135deg, #0084FF 0%, #0060cb 100%);
  --fb-soft: rgba(0, 132, 255, 0.12);

  border: 1px solid var(--border-subtle);
  height: 100%;
  background: var(--surface-canvas);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}
.details-panel--instagram[data-v-b46d8443] {
  --network-primary: var(--ig-primary);
  --network-gradient: var(--ig-gradient);
  --network-soft: var(--ig-soft);
}
.details-panel--facebook[data-v-b46d8443] {
  --network-primary: var(--fb-primary);
  --network-gradient: var(--fb-gradient);
  --network-soft: var(--fb-soft);
}
.details-head[data-v-b46d8443] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.details-panel__heading[data-v-b46d8443] {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  color: var(--network-primary);
  text-transform: uppercase;
}
.profile-avatar-container[data-v-b46d8443] {
  padding: 2.5px;
  background: var(--network-gradient);
  border-radius: 50%;
  display: inline-flex;
  box-shadow: 0 4px 12px var(--network-soft);
}
.profile-avatar[data-v-b46d8443] {
  background: var(--surface-panel);
  border: 2px solid var(--surface-canvas);
}
.profile-avatar-fallback[data-v-b46d8443] {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  background: var(--network-gradient);
}
.details-name[data-v-b46d8443] {
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--text-primary);
  line-height: 1.3;
}
.details-user[data-v-b46d8443] {
  font-size: 0.83rem;
  font-weight: 500;
  color: var(--network-primary);
  margin-top: 2px;
}
.section-label[data-v-b46d8443] {
  font-size: 0.68rem;
  font-weight: 700;
  color: var(--text-secondary);
  margin-bottom: 8px;
  letter-spacing: 0.1em;
}

/* Estilos para el Expansion Panel (Acordeón) */
.details-accordion[data-v-b46d8443] .v-expansion-panel-title {
  padding: 0 0 12px 0;
  min-height: 38px;
}
.details-accordion[data-v-b46d8443] .v-expansion-panel-title__overlay {
  display: none; /* Quitamos el efecto hover nativo en el título del acordeón */
}
.details-accordion[data-v-b46d8443] .v-expansion-panel-text__wrapper {
  padding: 0 0 16px 0;
}
.status-select[data-v-b46d8443] .v-field {
  background: var(--surface-panel) !important;
  border-radius: 10px !important;
  color: var(--text-primary) !important;
  transition: all 0.2s ease;
}
.status-select[data-v-b46d8443] .v-field__outline {
  --v-field-border-color: var(--border-soft) !important;
  --v-field-border-opacity: 1 !important;
}
.status-select[data-v-b46d8443] .v-field:hover .v-field__outline {
  --v-field-border-color: var(--network-primary) !important;
}
.status-select[data-v-b46d8443] .v-field--focused .v-field__outline {
  --v-field-border-color: var(--network-primary) !important;
}
.status-select[data-v-b46d8443] .v-field__input,
.status-select[data-v-b46d8443] .v-select__selection,
.status-select[data-v-b46d8443] .v-select__selection-text {
  color: var(--text-primary) !important;
  font-weight: 500 !important;
  font-size: 0.88rem !important;
  opacity: 1 !important;
}
.status-select[data-v-b46d8443] .v-field__append-inner .v-icon {
  color: var(--text-secondary) !important;
  opacity: 1 !important;
}
.notes-textarea[data-v-b46d8443] .v-field {
  background: var(--surface-panel) !important;
  border-radius: 10px !important;
  transition: all 0.2s ease;
}
.notes-textarea[data-v-b46d8443] .v-field__outline {
  --v-field-border-color: var(--border-soft) !important;
  --v-field-border-opacity: 1 !important;
}
.notes-textarea[data-v-b46d8443] .v-field:hover .v-field__outline {
  --v-field-border-color: var(--network-primary) !important;
}
.notes-textarea[data-v-b46d8443] .v-field--focused .v-field__outline {
  --v-field-border-color: var(--network-primary) !important;
}
.notes-textarea[data-v-b46d8443] textarea {
  color: var(--text-primary) !important;
  font-size: 0.85rem !important;
}
.profile-button[data-v-b46d8443] {
  background: var(--network-gradient) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.08em;
  box-shadow: 0 4px 15px var(--network-soft);
  border-radius: 10px;
  text-transform: none;
  height: 42px;
}
.details-panel--facebook .profile-button[data-v-b46d8443] {
  background: var(--network-primary) !important;
}
.tag-wrap[data-v-b46d8443] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.detail-tag[data-v-b46d8443] {
  background: var(--network-soft) !important;
  color: var(--network-primary) !important;
  border: 1px solid var(--network-soft) !important;
  font-weight: 500;
  border-radius: 8px;
}
.details-empty[data-v-b46d8443] {
  color: var(--text-tertiary);
  min-height: 220px;
  display: grid;
  place-items: center;
  font-size: 0.9rem;
}
.details-panel[data-v-b46d8443] .v-list,
.details-panel[data-v-b46d8443] .v-list-item {
  background: transparent;
  color: var(--text-primary);
}
.details-panel[data-v-b46d8443] .v-list-item-title {
  color: var(--text-secondary) !important;
  font-weight: 500 !important;
  font-size: 0.78rem !important;
}
.details-panel[data-v-b46d8443] .v-list-item-subtitle {
  color: var(--text-primary) !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  margin-top: 2px;
}
.details-divider[data-v-b46d8443] {
  border-color: var(--border-subtle) !important;
}
.profile-dialog[data-v-b46d8443] {
  background: var(--surface-panel, #161c24) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
}
.profile-dialog__header[data-v-b46d8443] {
  display: flex;
  align-items: center;
  color: #fff;
  background: linear-gradient(135deg, #833ab4 0%, #e1306c 55%, #f77737 100%);
  font-weight: 600;
  font-size: 1rem;
  padding: 16px 20px;
}
.profile-dialog--facebook .profile-dialog__header[data-v-b46d8443] {
  background: linear-gradient(135deg, #0084FF 0%, #0060cb 100%);
}
.profile-dialog__footer[data-v-b46d8443] {
  background: rgba(0, 0, 0, 0.15);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding: 12px 20px;
}
.profile-dialog__footer[data-v-b46d8443] .v-btn {
  color: #e1306c !important;
  font-weight: 600 !important;
  text-transform: none;
}
.profile-dialog--facebook .profile-dialog__footer[data-v-b46d8443] .v-btn {
  color: #0084FF !important;
}

.ig-messages-module[data-v-e065d985] {
  display: grid;
  gap: 12px;
  background: #0a1018;
  border-radius: 16px;
  padding: 0;
  width: 100%;
  border: 1px solid #252a31;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}
.ig-layout[data-v-e065d985] {
  display: grid;
  grid-template-columns: minmax(280px, 320px) minmax(0, 1fr) minmax(280px, 320px);
  gap: 10px;
  min-height: 76vh;
  width: 100%;
}
.ig-drawer[data-v-e065d985] {
  position: relative !important;
  transform: none !important;
  border-radius: 14px;
  border: 1px solid #39434f;
  box-shadow: none;
  height: 100%;
}
.ig-center[data-v-e065d985] {
  min-width: 0;
}
@media (max-width: 1320px) {
.ig-layout[data-v-e065d985] {
    grid-template-columns: minmax(250px, 280px) minmax(0, 1fr) minmax(250px, 280px);
}
}
@media (max-width: 1080px) {
.ig-layout[data-v-e065d985] {
    grid-template-columns: 1fr;
}
.ig-drawer[data-v-e065d985] {
    width: 100% !important;
    max-width: 100% !important;
}
}

.social-title[data-v-b47e1a64] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.social-title__heading[data-v-b47e1a64] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #172033;
}
.social-title__caption[data-v-b47e1a64] {
  font-size: 0.78rem;
  color: #607086;
}
.social-inbox-shell[data-v-b47e1a64] {
  margin: 18px 0;
  padding: 18px;
  border: 1px solid #252a31;
  border-radius: 24px;
  background: linear-gradient(135deg, #111c2a 0%, #0b111a 48%, #101a27 100%);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.32);
}
.social-inbox-heading[data-v-b47e1a64] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 8px 12px;
}
.social-inbox-title[data-v-b47e1a64] {
  color: #f5f7fa;
  font-size: 1.05rem;
  font-weight: 800;
}
.social-inbox-subtitle[data-v-b47e1a64] {
  margin-top: 2px;
  color: #9ba4af;
  font-size: 0.8rem;
}
.social-inbox-tabs[data-v-b47e1a64] {
  width: 280px;
  margin-left: auto;
  margin-bottom: 0;
  overflow: hidden;
  border: 1px solid #252a31;
  border-radius: 14px 14px 0 0;
  background: #0b0f14;
}
.social-inbox-tabs--instagram[data-v-b47e1a64] .v-tab--selected {
  color: #e1306c;
}
.social-inbox-tabs--facebook[data-v-b47e1a64] .v-tab--selected {
  color: #4593ff;
}
.social-inbox-window[data-v-b47e1a64] {
  border: 1px solid #252a31;
  border-top: 0;
  border-radius: 16px;
  background: #080b0f;
}
.social-inbox-window[data-v-b47e1a64] .ig-messages-module {
  border: 0;
  border-radius: 16px;
  box-shadow: none;
}
@media (max-width: 600px) {
.social-inbox-heading[data-v-b47e1a64] {
    align-items: flex-start;
    flex-direction: column;
}
}
.social-index[data-v-b47e1a64] {
  width: 100%;
  max-width: 100%;
}
.social-index--full[data-v-b47e1a64] .contenedor-row {
  width: calc(100% + var(--v-layout-left, 0px) + var(--v-layout-right, 0px));
  max-width: none;
  margin-left: calc(-1 * var(--v-layout-left, 0px));
  margin-right: calc(-1 * var(--v-layout-right, 0px));
}
.social-index--full[data-v-b47e1a64] .contenedor-card {
  width: 100%;
  max-width: none;
}
.social-index--full[data-v-b47e1a64] .contenedor-filtro {
  padding-left: 12px;
  padding-right: 12px;
}
.social-index--full[data-v-b47e1a64] .contenedor-main {
  padding-left: 12px;
  padding-right: 12px;
}
.social-index--full[data-v-b47e1a64] .contenedor-paginacion {
  padding-left: 12px;
  padding-right: 12px;
}
.social-index--full[data-v-b47e1a64] .contenedor-row {
  align-items: stretch;
}

.conexion-title[data-v-335e6d5f] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.conexion-title__main[data-v-335e6d5f] {
  color: #ffffff;
  font-weight: 800;
}
.conexion-title__sub[data-v-335e6d5f] {
  color: #d1d5db;
  font-size: 0.8rem;
}
.conexion-form[data-v-335e6d5f] {
  padding-top: 8px;
}

.ml-card[data-v-46dc363a] {
  display: grid;
  grid-template-columns: 94px 1fr;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #c9d4e6;
  background: #f9fbff;
  box-shadow: 0 16px 28px rgba(15, 23, 42, 0.12);
  height:100%;
}
.ml-card--active[data-v-46dc363a] {
  border-color: #4ea94d;
}
.ml-card__rail[data-v-46dc363a] {
  background: linear-gradient(180deg, #f7b733 0%, #fc4a1a 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.ml-card__body[data-v-46dc363a] {
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ml-card__meta[data-v-46dc363a] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #53657f;
}
.ml-card__body h3[data-v-46dc363a] {
  margin: 0;
  color: #172033;
  font-size: 1.2rem;
}
.ml-card__body p[data-v-46dc363a] {
  margin: 0;
  color: #425673;
  font-size: 0.84rem;
  line-height: 1.35;
}
.ml-card__rows[data-v-46dc363a] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 12px;
}
.ml-card__row[data-v-46dc363a] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ml-card__row span[data-v-46dc363a] {
  font-size: 0.68rem;
  color: #6b7c93;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.ml-card__row strong[data-v-46dc363a] {
  font-size: 0.85rem;
  color: #1d2a3f;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ml-card__actions[data-v-46dc363a] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 680px) {
.ml-card[data-v-46dc363a] {
    grid-template-columns: 1fr;
}
.ml-card__rail[data-v-46dc363a] {
    min-height: 78px;
}
.ml-card__rows[data-v-46dc363a] {
    grid-template-columns: 1fr;
}
}

.ml-dashboard[data-v-fe8dd910] { margin-top: 14px; display: grid; gap: 12px; border: 1px solid #d7deea; border-radius: 16px; background: #fbfcff; padding: 14px;
}
.ml-dashboard__header[data-v-fe8dd910] { display: flex; justify-content: space-between; align-items: center; gap: 10px;
}
.ml-dashboard__eyebrow[data-v-fe8dd910] { margin: 0; font-size: .7rem; text-transform: uppercase; letter-spacing: .04em; color: #5f6f86;
}
.ml-dashboard h4[data-v-fe8dd910] { margin: 3px 0 0; color: #172033;
}
.ml-dashboard__content[data-v-fe8dd910] { display: grid; grid-template-columns: minmax(230px, .8fr) 1.2fr; gap: 12px;
}
.ml-seller-card[data-v-fe8dd910] { display: flex; gap: 12px; align-items: center; border-radius: 14px; padding: 14px; color: white; background: linear-gradient(135deg, #273c75, #40739e);
}
.ml-seller-card__avatar[data-v-fe8dd910] { width: 62px; height: 62px; flex: 0 0 62px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: rgba(255,255,255,.18);
}
.ml-seller-card__body[data-v-fe8dd910] { min-width: 0; display: grid; gap: 4px;
}
.ml-seller-card__status[data-v-fe8dd910] { display: flex; justify-content: space-between; gap: 8px; font-size: .72rem; opacity: .9;
}
.ml-seller-card h5[data-v-fe8dd910] { margin: 2px 0; font-size: 1rem; overflow: hidden; text-overflow: ellipsis;
}
.ml-seller-card span[data-v-fe8dd910], .ml-seller-card a[data-v-fe8dd910] { color: rgba(255,255,255,.85); font-size: .73rem;
}
.ml-seller-card a[data-v-fe8dd910] { text-decoration: underline;
}
.ml-dashboard__facts[data-v-fe8dd910] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; border: 1px solid #d7deea; border-radius: 14px; padding: 12px; background: white;
}
.ml-fact[data-v-fe8dd910] { display: flex; flex-direction: column; gap: 3px; min-width: 0;
}
.ml-fact span[data-v-fe8dd910] { color: #718096; text-transform: uppercase; font-size: .64rem; letter-spacing: .04em;
}
.ml-fact strong[data-v-fe8dd910] { color: #1d2a3f; font-size: .82rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.is-valido[data-v-fe8dd910] { color: #238636 !important;
}.is-por_vencer[data-v-fe8dd910] { color: #b7791f !important;
}.is-vencido[data-v-fe8dd910] { color: #c53030 !important;
}
.ml-dashboard__metrics[data-v-fe8dd910] { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px;
}
.ml-metric[data-v-fe8dd910] { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 3px 7px; padding: 11px; border-radius: 12px; background: white; border: 1px solid #d7deea;
}
.ml-metric span[data-v-fe8dd910] { color: #607086; font-size: .68rem;
}.ml-metric strong[data-v-fe8dd910] { grid-column: 2; font-size: 1.25rem; color: #172033;
}.ml-metric small[data-v-fe8dd910] { grid-column: 2; color: #607086; font-size: .68rem;
}.ml-metric--blue v-icon[data-v-fe8dd910] { color: #2563eb;
}.ml-metric--green v-icon[data-v-fe8dd910] { color: #16a34a;
}.ml-metric--orange v-icon[data-v-fe8dd910] { color: #d97706;
}.ml-metric--grey v-icon[data-v-fe8dd910] { color: #64748b;
}.ml-metric--purple v-icon[data-v-fe8dd910] { color: #7c3aed;
}
.ml-dashboard__empty[data-v-fe8dd910] { display: grid; place-items: center; gap: 8px; padding: 28px; color: #607086;
}
@media (max-width: 900px) {
.ml-dashboard__content[data-v-fe8dd910] { grid-template-columns: 1fr;
}.ml-dashboard__metrics[data-v-fe8dd910] { grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 580px) {
.ml-dashboard__metrics[data-v-fe8dd910] { grid-template-columns: repeat(2, minmax(0, 1fr));
}.ml-dashboard__facts[data-v-fe8dd910] { grid-template-columns: 1fr;
}
}

.ml-stats[data-v-66cdc5d5] { display: grid; gap: 10px; margin-top: 4px; padding-top: 12px; border-top: 1px solid #e1e7f0;
}.ml-stats__header[data-v-66cdc5d5] { display: flex; align-items: center; justify-content: space-between; gap: 12px;
}.ml-stats__header p[data-v-66cdc5d5] { margin: 0; color: #718096; font-size: .68rem; text-transform: uppercase;
}.ml-stats__header h5[data-v-66cdc5d5] { margin: 2px 0 0; color: #172033;
}.ml-stats__header .v-select[data-v-66cdc5d5] { max-width: 170px;
}.ml-stats__cards[data-v-66cdc5d5] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px;
}.ml-stats__cards > div[data-v-66cdc5d5] { display: grid; grid-template-columns: auto 1fr; gap: 2px 5px; padding: 8px; border-radius: 9px; background: #f6f8fc;
}.ml-stats__cards span[data-v-66cdc5d5] { color: #718096; font-size: .64rem;
}.ml-stats__cards strong[data-v-66cdc5d5] { grid-column: 2; color: #172033; font-size: 1.05rem;
}.ml-stats__cards small[data-v-66cdc5d5] { grid-column: 2; color: #8a96a8; font-size: .6rem;
}.ml-stats__chart[data-v-66cdc5d5] { border: 1px solid #e1e7f0; border-radius: 10px; padding: 10px;
}.ml-stats__chart-title[data-v-66cdc5d5] { color: #53657f; font-size: .75rem; font-weight: 700;
}.ml-stats__empty[data-v-66cdc5d5] { padding: 25px; text-align: center; color: #8793a6; font-size: .75rem;
}.bars[data-v-66cdc5d5] { height: 135px; display: flex; align-items: end; gap: 3px; padding-top: 12px; overflow-x: auto;
}.bar-wrap[data-v-66cdc5d5] { min-width: 18px; height: 100%; display: flex; flex-direction: column; justify-content: end; align-items: center; gap: 4px;
}.bar[data-v-66cdc5d5] { width: 100%; min-height: 4px; border-radius: 4px 4px 0 0; background: linear-gradient(180deg, #42a5f5, #2563eb);
}.bar-wrap span[data-v-66cdc5d5] { color: #8793a6; font-size: .55rem; white-space: nowrap;
}
@media (max-width: 700px) {
.ml-stats__cards[data-v-66cdc5d5] { grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

.ml-publications__hero[data-v-84c2ab1a] { display: flex; align-items: center; gap: 12px; padding-bottom: 13px; border-bottom: 1px solid #e4e9f2;
}.ml-publications__hero-icon[data-v-84c2ab1a] { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; color: #2563eb; background: #eaf2ff;
}.ml-publications__hero-copy[data-v-84c2ab1a] { flex: 1; min-width: 0;
}.ml-publications__hint[data-v-84c2ab1a] { display: block; color: #607086; font-size: .78rem; margin-top: 3px;
}
.ml-publications__summary[data-v-84c2ab1a] { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 2px 0;
}.ml-publications__total[data-v-84c2ab1a] { display: flex; align-items: baseline; gap: 7px; white-space: nowrap;
}.ml-publications__total strong[data-v-84c2ab1a] { color: #172033; font-size: 1.35rem;
}.ml-publications__total span[data-v-84c2ab1a] { color: #718096; font-size: .75rem;
}.ml-publications__status-list[data-v-84c2ab1a] { display: flex; gap: 5px; flex-wrap: wrap; justify-content: flex-end;
}.ml-status-filter[data-v-84c2ab1a] { display: inline-flex; align-items: center; gap: 6px; border: 1px solid transparent; border-radius: 18px; padding: 6px 9px; color: #607086; background: transparent; cursor: pointer; font-size: .72rem; transition: .15s ease;
}.ml-status-filter[data-v-84c2ab1a]:hover, .ml-status-filter.is-active[data-v-84c2ab1a] { border-color: #d6deec; background: white; color: #172033;
}.ml-status-filter strong[data-v-84c2ab1a] { font-size: .74rem;
}.ml-status-dot[data-v-84c2ab1a] { width: 7px; height: 7px; border-radius: 50%;
}.ml-status-dot--blue[data-v-84c2ab1a] { background: #2563eb;
}.ml-status-dot--green[data-v-84c2ab1a] { background: #16a34a;
}.ml-status-dot--orange[data-v-84c2ab1a] { background: #d97706;
}.ml-status-dot--grey[data-v-84c2ab1a] { background: #64748b;
}
.ml-publications__filters[data-v-84c2ab1a] { display: grid; grid-template-columns: minmax(220px, 2fr) minmax(170px, 1fr) auto; gap: 10px; padding: 10px; border: 1px solid #e1e7f0; border-radius: 12px; background: #f7f9fc;
}.ml-publications__search[data-v-84c2ab1a] { min-height: 40px;
}.ml-publications__grid[data-v-84c2ab1a] { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 16px;
}
.ml-publications__empty[data-v-84c2ab1a] { display: grid; place-items: center; gap: 8px; padding: 34px; color: #607086;
}
.ml-publication-card[data-v-84c2ab1a] { overflow: hidden; border: 1px solid #dbe2ee; border-radius: 15px; background: white; box-shadow: 0 4px 14px rgba(24, 39, 75, .05); transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}.ml-publication-card[data-v-84c2ab1a]:hover { transform: translateY(-2px); border-color: #b9c8df; box-shadow: 0 10px 22px rgba(24, 39, 75, .1);
}.ml-publication-card__media[data-v-84c2ab1a] { position: relative; height: 158px;
}.ml-publication-card__image[data-v-84c2ab1a] { height: 100%; background: #e9eef6 center / cover no-repeat; display: grid; place-items: center;
}.ml-publication-card__media[data-v-84c2ab1a]::after { content: ''; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, rgba(15, 23, 42, .18)); pointer-events: none;
}.ml-publication-card__status[data-v-84c2ab1a] { position: absolute; z-index: 1; top: 10px; left: 10px;
}.ml-publication-card__site[data-v-84c2ab1a] { position: absolute; z-index: 1; right: 10px; bottom: 9px; color: white; font-size: .66rem; font-weight: 700; letter-spacing: .05em; text-shadow: 0 1px 3px rgba(0,0,0,.45);
}.ml-publication-card__body[data-v-84c2ab1a] { padding: 13px; min-width: 0;
}.ml-publication-card__id[data-v-84c2ab1a] { color: #8793a6; font-size: .66rem; font-weight: 600; letter-spacing: .02em;
}.ml-publication-card h5[data-v-84c2ab1a] { margin: 5px 0 12px; color: #172033; font-size: .93rem; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 2.5em;
}.ml-publication-card__details[data-v-84c2ab1a] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding-bottom: 11px; border-bottom: 1px solid #edf0f5;
}.ml-publication-card__details div[data-v-84c2ab1a] { display: flex; flex-direction: column; gap: 2px;
}.ml-publication-card__details span[data-v-84c2ab1a] { color: #8793a6; font-size: .64rem; text-transform: uppercase; letter-spacing: .04em;
}.ml-publication-card__details strong[data-v-84c2ab1a] { color: #172033; font-size: .9rem;
}.ml-publication-card__meta[data-v-84c2ab1a] { display: flex; gap: 8px; flex-wrap: wrap; color: #718096; font-size: .67rem; margin-top: 10px;
}.ml-publication-card__meta span[data-v-84c2ab1a] { display: inline-flex; align-items: center; gap: 3px;
}.ml-publication-card__actions[data-v-84c2ab1a] { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 6px; margin-top: 13px;
}.ml-publication-card__main-action[data-v-84c2ab1a] { min-width: 0;
}
.dialog-form[data-v-84c2ab1a] { display: grid; gap: 8px;
}.detail-title[data-v-84c2ab1a] { display: flex; align-items: center; justify-content: space-between; gap: 12px;
}.detail-layout[data-v-84c2ab1a] { display: grid; grid-template-columns: 190px 1fr; gap: 16px;
}.detail-image[data-v-84c2ab1a] { min-height: 210px; border-radius: 12px; background: #e9eef6 center / cover no-repeat; display: grid; place-items: center;
}.detail-facts[data-v-84c2ab1a] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;
}.detail-facts div[data-v-84c2ab1a] { display: flex; flex-direction: column; gap: 3px;
}.detail-facts span[data-v-84c2ab1a] { color: #718096; font-size: .67rem; text-transform: uppercase;
}.detail-facts strong[data-v-84c2ab1a] { color: #1d2a3f; font-size: .82rem; overflow-wrap: anywhere;
}
@media (max-width: 760px) {
.ml-publications__summary[data-v-84c2ab1a] { align-items: flex-start; flex-direction: column;
}.ml-publications__status-list[data-v-84c2ab1a] { justify-content: flex-start;
}
}
@media (max-width: 680px) {
.ml-publications__filters[data-v-84c2ab1a] { grid-template-columns: 1fr;
}.ml-publications__refresh[data-v-84c2ab1a] { align-self: flex-start;
}.ml-publication-card__media[data-v-84c2ab1a] { height: 175px;
}.ml-publication-card__actions[data-v-84c2ab1a] { grid-template-columns: 1fr auto auto;
}.detail-layout[data-v-84c2ab1a] { grid-template-columns: 1fr;
}.detail-facts[data-v-84c2ab1a] { grid-template-columns: 1fr;
}
}

.ml-title[data-v-75fb9f37] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ml-title__heading[data-v-75fb9f37] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #172033;
}
.ml-title__caption[data-v-75fb9f37] {
  font-size: 0.78rem;
  color: #607086;
}
.ml-panel[data-v-75fb9f37] {
  margin-top: 14px;
  display: grid;
  gap: 12px;
  border: 1px solid #d7deea;
  border-radius: 16px;
  background: #fbfcff;
  padding: 12px;
}
.ml-panel__header[data-v-75fb9f37] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ml-panel__eyebrow[data-v-75fb9f37] {
  margin: 0;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #5f6f86;
}
.ml-panel__header h4[data-v-75fb9f37] {
  margin: 3px 0 0;
  color: #172033;
}
.ml-actions[data-v-75fb9f37] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.wa-hub[data-v-c2b51e2f] { display:grid; grid-template-rows:auto 1fr auto; height:100%; min-height:620px; overflow:hidden; border:1px solid #d9e2df; border-radius:8px; background:#ffffff;
}
.wa-hub__header[data-v-c2b51e2f] { display:flex; align-items:center; gap:10px; padding:12px 14px; border-bottom:1px solid #d9e2df; background:#075e54;
}
.wa-hub__avatar[data-v-c2b51e2f] { flex:none; color:#fff; font-size:.75rem; font-weight:700; background:#128c7e;
}
.wa-hub__meta[data-v-c2b51e2f] { display:flex; flex-direction:column; min-width:0;
}
.wa-hub__meta strong[data-v-c2b51e2f] { overflow:hidden; color:#fff; font-size:.9rem; text-overflow:ellipsis; white-space:nowrap;
}
.wa-hub__meta span[data-v-c2b51e2f] { color:#d5ebe6; font-size:.74rem;
}
.wa-hub__messages[data-v-c2b51e2f] { display:grid; gap:10px; align-content:start; overflow:auto; padding:14px; background-color:#efeae2; background-image:linear-gradient(45deg,rgba(255,255,255,.24) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.16) 25%,transparent 25%); background-size:18px 18px;
}
.wa-hub__bubble-wrap[data-v-c2b51e2f] { display:flex;
}
.wa-hub__bubble-wrap--in[data-v-c2b51e2f] { justify-content:flex-start;
}
.wa-hub__bubble-wrap--out[data-v-c2b51e2f] { justify-content:flex-end;
}
.wa-hub__bubble[data-v-c2b51e2f] { max-width:min(88%,420px); padding:9px 11px; border-radius:8px; box-shadow:0 1px 1px rgba(11,20,26,.12);
}
.wa-hub__bubble--in[data-v-c2b51e2f] { color:#111b21; background:#ffffff; border-top-left-radius:0;
}
.wa-hub__bubble--out[data-v-c2b51e2f] { color:#111b21; background:#d9fdd3; border-top-right-radius:0;
}
.wa-hub__text[data-v-c2b51e2f] { margin:0; white-space:pre-wrap; word-break:break-word;
}
.wa-hub__link[data-v-c2b51e2f] { color:#027eb5; font-weight:700; text-decoration:underline; word-break:break-all;
}
.wa-hub__media[data-v-c2b51e2f] { display:grid; gap:8px;
}
.wa-hub__image[data-v-c2b51e2f] { width:240px; max-width:100%; height:180px; border-radius:10px;
}
.wa-hub__video[data-v-c2b51e2f] { width:260px; max-width:100%; max-height:240px; border-radius:10px;
}
.wa-hub__caption[data-v-c2b51e2f] { margin:0; font-size:.78rem;
}
.wa-hub__time[data-v-c2b51e2f] { display:block; margin-top:6px; color:#667781; font-size:.68rem; text-align:right;
}
.wa-hub__empty[data-v-c2b51e2f] { display:grid; justify-items:center; gap:8px; padding:28px 12px; color:#667781;
}
.wa-hub__composer[data-v-c2b51e2f] { display:grid; gap:8px; padding:10px; border-top:1px solid #d9e2df; background:#f0f2f5;
}
.wa-hub[data-v-c2b51e2f] .v-field { background:#fff !important;
}
.wa-hub[data-v-c2b51e2f] .v-field__input,.wa-hub[data-v-c2b51e2f] .v-label { color:#1f2c34 !important; opacity:1 !important;
}
.wa-hub__composer-actions[data-v-c2b51e2f] { display:flex; align-items:center; gap:8px;
}
.wa-hub__link-input[data-v-c2b51e2f] { flex:1;
}
.wa-hub__file[data-v-c2b51e2f] { display:none;
}
.wa-hub__preview[data-v-c2b51e2f] { display:flex; align-items:center; gap:10px; padding:8px; border:1px dashed #b9d9cf; border-radius:10px; background:#f4fcf8;
}
.wa-hub__preview img[data-v-c2b51e2f],.wa-hub__preview video[data-v-c2b51e2f] { width:90px; height:68px; object-fit:cover; border-radius:8px;
}
.wa-hub__preview-meta[data-v-c2b51e2f] { display:flex; flex-direction:column; gap:4px; color:#54716c; font-size:.74rem;
}
@media (max-width:960px) {
.wa-hub[data-v-c2b51e2f] { min-height:520px;
}
.wa-hub__composer-actions[data-v-c2b51e2f] { flex-wrap:wrap;
}
.wa-hub__link-input[data-v-c2b51e2f] { width:100%; flex:0 0 100%;
}
}

.wa-settings[data-v-43512849] { display:grid; gap:10px;
}
.wa-settings__title p[data-v-43512849] { margin:0; color:#1f332f; font-size:.92rem; font-weight:800;
}
.wa-settings__title small[data-v-43512849] { color:#6f8580; font-size:.74rem;
}

.wa-page[data-v-7a9e8768] { display:grid; gap:18px; padding:4px;
}
.wa-title[data-v-7a9e8768] { display:flex; flex-direction:column; gap:2px;
}
.wa-title__heading[data-v-7a9e8768] { color:#172033; font-size:1.1rem; font-weight:800;
}
.wa-title__caption[data-v-7a9e8768] { color:#607086; font-size:.78rem;
}
.wa-hero[data-v-7a9e8768] { position:relative; overflow:hidden; display:flex; align-items:center; justify-content:space-between; gap:22px; padding:26px 30px; border-radius:22px; color:#fff; background:linear-gradient(115deg,#075e54 0%,#128c7e 48%,#25d366 100%); box-shadow:0 18px 35px rgba(7,94,84,.22);
}
.wa-hero__glow[data-v-7a9e8768] { position:absolute; width:240px; height:240px; right:18%; top:-130px; border-radius:50%; background:rgba(255,255,255,.14);
}
.wa-hero__content[data-v-7a9e8768] { z-index:1; display:flex; align-items:center; gap:18px;
}
.wa-hero__icon[data-v-7a9e8768] { display:grid; place-items:center; width:72px; height:72px; border:1px solid rgba(255,255,255,.35); border-radius:20px; background:rgba(255,255,255,.15);
}
.wa-eyebrow[data-v-7a9e8768] { margin:0; font-size:.7rem; text-transform:uppercase; letter-spacing:.12em; opacity:.8;
}
.wa-hero h2[data-v-7a9e8768] { margin:4px 0 5px; font-size:1.35rem;
}
.wa-hero p[data-v-7a9e8768]:not(.wa-eyebrow) { margin:0; max-width:590px; font-size:.86rem; opacity:.9;
}
.wa-connect-btn[data-v-7a9e8768] { z-index:1; color:#075e54 !important; font-weight:700; white-space:nowrap;
}
.wa-card[data-v-7a9e8768],.wa-empty[data-v-7a9e8768] { border:1px solid #dce7e4; border-radius:20px; background:#fff; box-shadow:0 12px 28px rgba(17,55,49,.08);
}
.wa-card[data-v-7a9e8768] { padding:22px;
}
.wa-card--offline[data-v-7a9e8768] { border-color:#efb6b6;
}
.wa-card__top[data-v-7a9e8768],.wa-card__brand[data-v-7a9e8768],.wa-card__actions[data-v-7a9e8768] { display:flex; align-items:center; gap:10px;
}
.wa-card__top[data-v-7a9e8768] { justify-content:space-between; margin-bottom:20px;
}
.wa-card__brand[data-v-7a9e8768] { color:#075e54; font-weight:800;
}
.wa-card__grid[data-v-7a9e8768] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px;
}
.wa-card__grid div[data-v-7a9e8768] { display:flex; flex-direction:column; gap:4px; min-width:0;
}
.wa-card__grid span[data-v-7a9e8768] { color:#7b8d8a; font-size:.68rem; text-transform:uppercase; letter-spacing:.06em;
}
.wa-card__grid strong[data-v-7a9e8768] { overflow:hidden; color:#20332f; font-size:.9rem; text-overflow:ellipsis; white-space:nowrap;
}
.wa-card__actions[data-v-7a9e8768] { justify-content:flex-end; margin-top:22px;
}
.wa-empty[data-v-7a9e8768] { display:grid; justify-items:center; gap:8px; padding:52px 20px; text-align:center;
}
.wa-empty h3[data-v-7a9e8768] { margin:5px 0 0; color:#20332f;
}
.wa-empty p[data-v-7a9e8768] { margin:0; color:#71817f;
}
.wa-catalog-panel[data-v-7a9e8768] .v-field {
  background-color: #ffffff !important; /* Fuerza el fondo blanco del input */
}
.wa-catalog-panel[data-v-7a9e8768] .v-field__input,
.wa-catalog-panel[data-v-7a9e8768] .v-select__selection-text {
  color: #20332f !important; /* Fuerza el texto a un color oscuro */
}
.wa-catalog-panel[data-v-7a9e8768] .v-label {
  color: #71817f !important; /* Oscurece el texto del label (placeholder) */
  opacity: 1 !important;
}
.wa-catalog-panel[data-v-7a9e8768] .v-field .v-icon {
  color: #71817f !important; /* Asegura que los íconos internos también se vean */
}
.wa-section-header[data-v-7a9e8768] { display:flex; align-items:flex-start; justify-content:space-between; gap:18px;
}
.wa-section-header__actions[data-v-7a9e8768] { display:flex; align-items:center; gap:8px; color:#71817f; font-size:.75rem;
}
.wa-eyebrow--dark[data-v-7a9e8768] { color:#2e7567;
}
.wa-section-header h3[data-v-7a9e8768] { margin:3px 0 4px; color:#20332f; font-size:1.1rem;
}
.wa-section-header p[data-v-7a9e8768]:not(.wa-eyebrow) { margin:0; color:#71817f; font-size:.84rem;
}
.wa-catalog-connected[data-v-7a9e8768] { display:flex; align-items:center; gap:15px; padding:15px; border:1px solid #b9dfce; border-radius:15px; background:#f1fbf5;
}
.wa-catalog-connected__icon[data-v-7a9e8768] { display:grid; flex:none; width:52px; height:52px; place-items:center; border-radius:14px; color:#075e54; background:#d8f3e4;
}
.wa-catalog-connected__info[data-v-7a9e8768] { display:flex; min-width:0; flex:1; flex-direction:column; gap:3px;
}
.wa-catalog-connected__info span[data-v-7a9e8768],.wa-catalog-connected__info small[data-v-7a9e8768] { color:#6b827a; font-size:.72rem;
}
.wa-catalog-connected__info strong[data-v-7a9e8768] { overflow:hidden; color:#20332f; text-overflow:ellipsis; white-space:nowrap;
}
.wa-catalog-connected__meta[data-v-7a9e8768] { display:flex; flex-direction:column; align-items:flex-end; gap:5px; color:#71817f; font-size:.72rem;
}
.wa-catalog-form[data-v-7a9e8768] { display:grid; gap:16px; padding:20px; border:1px solid #dce7e4; border-radius:18px; background:#fff; box-shadow:0 8px 20px rgba(17,55,49,.06);
}
.wa-catalog-form__step[data-v-7a9e8768] { display:flex; align-items:flex-start; gap:14px;
}
.wa-catalog-form__step-icon[data-v-7a9e8768] { display:grid; flex:none; width:38px; height:38px; place-items:center; border-radius:11px; color:#0b6b52; background:#e5f4ed;
}
.wa-catalog-form__step-body[data-v-7a9e8768] { display:grid; flex:1; gap:10px; min-width:0;
}
.wa-catalog-form__step-label[data-v-7a9e8768] { color:#7b8d8a; font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em;
}
.wa-catalog-form__divider[data-v-7a9e8768] { margin:0 0 0 52px; opacity:.6;
}
.wa-catalog-preview[data-v-7a9e8768] { margin-top:4px;
}
.wa-products[data-v-7a9e8768] { display:grid; gap:16px; margin-top:20px; padding-top:20px; border-top:1px solid #dce7e4;
}
.wa-products__header[data-v-7a9e8768] { display:flex; align-items:flex-start; justify-content:space-between; gap:16px;
}
.wa-products__header h4[data-v-7a9e8768] { margin:0 0 3px; color:#20332f; font-size:1rem; font-weight:700;
}
.wa-products__header p[data-v-7a9e8768] { margin:0; color:#71817f; font-size:.82rem;
}
.wa-products__meta[data-v-7a9e8768] { display:flex; align-items:center; gap:12px;
}
.wa-products__count[data-v-7a9e8768] { padding:3px 10px; border-radius:999px; color:#0b6b52; font-size:.74rem; font-weight:600; background:#e5f4ed; white-space:nowrap;
}
.wa-products__grid[data-v-7a9e8768] {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(235px,1fr));
  gap:18px;
  padding:22px;
  border-radius:20px;
  background:linear-gradient(160deg,#f4faf7 0%,#e9f5ef 100%);
  border:1px solid #dcefe4;
}
.wa-products__grid--skeleton[data-v-7a9e8768] { gap:18px;
}
.wa-product-skeleton[data-v-7a9e8768] { display:flex; flex-direction:column; overflow:hidden; border-radius:16px; background:#fff; box-shadow:0 6px 16px rgba(17,55,49,.08);
}
.wa-product-skeleton__media[data-v-7a9e8768] .v-skeleton-loader__image { height:150px; border-radius:0;
}
.wa-product-skeleton__body[data-v-7a9e8768] { padding:12px 14px 14px;
}
.wa-product-card[data-v-7a9e8768] {
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #dce7e4;
  border-radius:8px;
  background:#fff;
  box-shadow:0 6px 16px rgba(17,55,49,.1);
  transition:transform .2s ease, box-shadow .2s ease;
}
.wa-product-card[data-v-7a9e8768]:hover { box-shadow:0 14px 28px rgba(17,55,49,.18); transform:translateY(-4px);
}
.wa-product-card__media[data-v-7a9e8768] { position:relative; aspect-ratio:1/1; overflow:hidden; background:#e9efeb;
}
.wa-product-card__media img[data-v-7a9e8768] { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease;
}
.wa-product-card:hover .wa-product-card__media img[data-v-7a9e8768] { transform:scale(1.06);
}
.wa-product-card__media--empty[data-v-7a9e8768] { display:grid; place-items:center; width:100%; height:100%; color:#9fb0a8;
}
.wa-product-card__badge[data-v-7a9e8768] { position:absolute; top:9px; right:9px; display:flex; align-items:center; gap:3px; padding:3px 9px; border-radius:999px; font-size:.62rem; font-weight:700; letter-spacing:.02em; box-shadow:0 2px 6px rgba(0,0,0,.15);
}
.wa-product-card__badge.is-available[data-v-7a9e8768] { color:#0b6b52; background:rgba(255,255,255,.95);
}
.wa-product-card__badge.is-unavailable[data-v-7a9e8768] { color:#9a5c00; background:rgba(255,255,255,.95);
}
.wa-product-card__body[data-v-7a9e8768] { display:flex; flex:1; flex-direction:column; gap:7px; padding:14px 16px 16px;
}
.wa-product-card__title-row[data-v-7a9e8768] { display:flex; align-items:center; gap:4px; min-width:0;
}
.wa-product-card__title-row h5[data-v-7a9e8768] { flex:1;
}
.wa-product-card__body h5[data-v-7a9e8768] { margin:0; overflow:hidden; color:#1c2622; font-size:.92rem; font-weight:700; text-overflow:ellipsis; white-space:nowrap;
}
.wa-product-card__body p[data-v-7a9e8768] { display:-webkit-box; margin:0; overflow:hidden; min-height:2.2em; color:#6d7d76; font-size:.78rem; line-height:1.45; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.wa-product-card__footer[data-v-7a9e8768] { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:4px; padding-top:10px; border-top:1px dashed #e4e7e1;
}
.wa-product-card__footer strong[data-v-7a9e8768] { color:#0b6b52; font-size:.9rem; font-weight:800;
}
.wa-product-card__price--muted[data-v-7a9e8768] { color:#9aa39d; font-size:.75rem; font-style:italic;
}
.wa-product-card__footer small[data-v-7a9e8768] { display:flex; align-items:center; gap:2px; overflow:hidden; max-width:100px; color:#a9b3ad; font-size:.65rem; text-overflow:ellipsis; white-space:nowrap;
}
.wa-products__empty[data-v-7a9e8768] { display:grid; justify-items:center; gap:8px; padding:34px 18px; color:#6b827a; text-align:center; border-radius:16px; background:#f7fcfa; border:1px dashed #b9d9ce;
}
.wa-products__empty p[data-v-7a9e8768] { margin:0; font-size:.84rem;
}
.wa-catalog-summary[data-v-7a9e8768] { display:flex; align-items:center; gap:10px; padding:12px; border:1px solid #cbe5d7; border-radius:8px; background:#f5fbf7;
}
.wa-catalog-summary__icon[data-v-7a9e8768] { display:grid; flex:none; width:38px; height:38px; place-items:center; border-radius:8px; color:#087f69; background:#dff4e9;
}
.wa-catalog-summary__info[data-v-7a9e8768] { display:flex; min-width:0; flex:1; flex-direction:column; gap:2px;
}
.wa-catalog-summary__info strong[data-v-7a9e8768] { overflow:hidden; color:#20332f; font-size:.86rem; text-overflow:ellipsis; white-space:nowrap;
}
.wa-catalog-summary__info span[data-v-7a9e8768] { color:#6b827a; font-size:.72rem;
}
.wa-catalog-actions[data-v-7a9e8768] { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:2px; color:#71817f; font-size:.75rem;
}
.wa-catalog-actions span[data-v-7a9e8768] { display:flex; align-items:center; gap:4px;
}
.wa-catalog-guide[data-v-7a9e8768] { display:flex; align-items:flex-start; gap:16px; padding:18px; border:1px dashed #b9d9ce; border-radius:15px; background:#f7fcfa;
}
.wa-catalog-guide__icon[data-v-7a9e8768] { display:grid; flex:none; width:48px; height:48px; place-items:center; border-radius:14px; color:#087f69; background:#dff4e9;
}
.wa-catalog-guide h4[data-v-7a9e8768] { margin:0 0 5px; color:#20332f;
}
.wa-catalog-guide p[data-v-7a9e8768] { margin:0 0 10px; color:#71817f; font-size:.82rem;
}
.wa-create-catalog-inline[data-v-7a9e8768] { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; margin:0 0 12px;
}
.wa-catalog-guide ol[data-v-7a9e8768] { margin:0 0 14px; padding-left:20px; color:#536b64; font-size:.79rem; line-height:1.8;
}
.wa-mapping-panel[data-v-7a9e8768] { display:grid; gap:16px; padding:22px; border:1px solid #dce4ef; border-radius:20px; background:linear-gradient(145deg,#ffffff 0%,#f7faff 100%); box-shadow:0 12px 28px rgba(22,42,74,.07);
}
.wa-mapping-content[data-v-7a9e8768] { display:grid; gap:14px;
}
.wa-warning-list[data-v-7a9e8768] { margin:0; padding-left:18px;
}
.wa-product-preview[data-v-7a9e8768] { display:flex; align-items:center; gap:15px; padding:15px; border:1px solid #dce4ef; border-radius:15px; background:#fff;
}
.wa-product-preview__image[data-v-7a9e8768] { display:grid; flex:none; width:74px; height:74px; place-items:center; overflow:hidden; border-radius:12px; color:#7d8ca5; background:#eef3f9;
}
.wa-product-preview__image img[data-v-7a9e8768] { width:100%; height:100%; object-fit:cover;
}
.wa-product-preview__body[data-v-7a9e8768] { display:flex; min-width:0; flex:1; flex-direction:column; gap:3px;
}
.wa-product-preview__body span[data-v-7a9e8768],.wa-product-preview__body small[data-v-7a9e8768] { color:#71809a; font-size:.72rem;
}
.wa-product-preview__body h4[data-v-7a9e8768] { overflow:hidden; margin:0; color:#1e2d45; text-overflow:ellipsis; white-space:nowrap;
}
.wa-product-preview__body strong[data-v-7a9e8768] { color:#16805f;
}
.wa-mapping-table[data-v-7a9e8768] { display:grid; gap:1px; overflow:hidden; border:1px solid #dce4ef; border-radius:13px;
}
.wa-mapping-row[data-v-7a9e8768] { display:grid; grid-template-columns:1.1fr 24px 1.1fr 2fr; align-items:center; gap:8px; padding:9px 12px; color:#5b6b83; font-size:.78rem; background:#fff;
}
.wa-mapping-row[data-v-7a9e8768]:nth-child(even) { background:#f8faff;
}
.wa-mapping-row strong[data-v-7a9e8768] { color:#1e2d45;
}
.wa-mapping-row em[data-v-7a9e8768] { overflow:hidden; color:#536b64; font-style:normal; text-overflow:ellipsis; white-space:nowrap;
}
.wa-inbox-panel[data-v-7a9e8768] { display:grid; gap:14px; padding:18px; border:1px solid #cde4db; border-radius:8px; background:#f0f2f5; box-shadow:0 10px 24px rgba(12,51,45,.08);
}
.wa-inbox-panel[data-v-7a9e8768] .v-field { background:#fff !important;
}
.wa-inbox-panel[data-v-7a9e8768] .v-field__input,.wa-inbox-panel[data-v-7a9e8768] .v-select__selection-text,.wa-inbox-panel[data-v-7a9e8768] .v-label { color:#1f2c34 !important; opacity:1 !important;
}
.wa-inbox-panel[data-v-7a9e8768] .v-field .v-icon { color:#54656f !important;
}
.wa-inbox-grid[data-v-7a9e8768] { margin:0 !important;
}
.wa-inbox-card[data-v-7a9e8768] { display:grid; gap:10px; height:100%; padding:12px; border:1px solid #d9e2df; border-radius:8px; background:#ffffff;
}
.wa-inbox-card--contacts[data-v-7a9e8768] { grid-template-rows:auto auto 1fr; min-height:620px;
}
.wa-inbox-card--right[data-v-7a9e8768] { align-content:start; min-height:620px;
}
.wa-side-title[data-v-7a9e8768] { display:flex; flex-direction:column; gap:1px;
}
.wa-side-title strong[data-v-7a9e8768] { color:#111b21; font-size:.9rem;
}
.wa-side-title small[data-v-7a9e8768] { color:#667781; font-size:.72rem;
}
.wa-contacts-list[data-v-7a9e8768] { display:grid; gap:8px; align-content:start; overflow:auto;
}
.wa-contact-item[data-v-7a9e8768] { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px; border:0; border-bottom:1px solid #edf0f1; border-radius:6px; background:#fff; cursor:pointer; text-align:left; transition:background .18s ease;
}
.wa-contact-item[data-v-7a9e8768]:hover { background:#f5f6f6;
}
.wa-contact-item--active[data-v-7a9e8768] { background:#e9edef;
}
.wa-contact-item__avatar[data-v-7a9e8768] { flex:none; color:#fff; font-size:.72rem; font-weight:700; background:#128c7e;
}
.wa-contact-item__meta[data-v-7a9e8768] { display:flex; min-width:0; flex-direction:column; gap:2px;
}
.wa-contact-item__meta strong[data-v-7a9e8768] { overflow:hidden; color:#111b21; font-size:.82rem; text-overflow:ellipsis; white-space:nowrap;
}
.wa-contact-item__meta span[data-v-7a9e8768] { color:#667781; font-size:.72rem;
}
.wa-contact-item__stats[data-v-7a9e8768] { display:flex; flex-direction:column; align-items:flex-end; gap:4px;
}
.wa-contact-item__stats small[data-v-7a9e8768] { color:#667781; font-size:.68rem;
}
.wa-contact-empty[data-v-7a9e8768] { padding:16px 8px; color:#667781; font-size:.78rem; text-align:center;
}
.wa-contact-details[data-v-7a9e8768] { display:grid; justify-items:center; gap:4px; padding:14px 8px; border:1px solid #e2e7e5; border-radius:8px; background:#f7f9f9; text-align:center;
}
.wa-contact-details__avatar[data-v-7a9e8768] { margin-bottom:4px; color:#fff; font-size:1rem; font-weight:700; background:#128c7e;
}
.wa-contact-details span[data-v-7a9e8768] { color:#667781; font-size:.68rem; text-transform:uppercase; letter-spacing:.06em;
}
.wa-contact-details strong[data-v-7a9e8768] { color:#111b21; font-size:.78rem;
}
@media (max-width:700px) {
.wa-hero[data-v-7a9e8768] { align-items:flex-start; flex-direction:column; padding:22px;
}
.wa-card__grid[data-v-7a9e8768] { grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:700px) {
.wa-section-header[data-v-7a9e8768],.wa-catalog-connected[data-v-7a9e8768] { align-items:stretch; flex-direction:column;
}
.wa-catalog-connected__meta[data-v-7a9e8768] { align-items:flex-start;
}
.wa-catalog-actions[data-v-7a9e8768] { align-items:flex-start; flex-direction:column;
}
.wa-products__header[data-v-7a9e8768] { align-items:stretch; flex-direction:column;
}
.wa-products__meta[data-v-7a9e8768] { justify-content:space-between;
}
.wa-products__grid[data-v-7a9e8768] { grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); padding:14px; gap:10px;
}
}
@media (max-width:700px) {
.wa-section-header__actions[data-v-7a9e8768] { flex-wrap:wrap;
}
.wa-create-catalog-inline[data-v-7a9e8768] { grid-template-columns:1fr;
}
}
@media (max-width:700px) {
.wa-product-preview[data-v-7a9e8768] { align-items:flex-start; flex-wrap:wrap;
}
.wa-mapping-row[data-v-7a9e8768] { grid-template-columns:1fr; gap:3px;
}
.wa-mapping-row .v-icon[data-v-7a9e8768] { display:none;
}
}
@media (max-width:960px) {
.wa-inbox-card--contacts[data-v-7a9e8768],.wa-inbox-card--right[data-v-7a9e8768] { min-height:auto;
}
}
@media (max-width:430px) {
.wa-card__grid[data-v-7a9e8768] { grid-template-columns:1fr;
}
}

.storage-admin-dark[data-v-16f1493e] {
  width: 100%;
  background-color: #0b0f19;
  min-height: 100vh;
  color: #f8fafc;
}
.header-card[data-v-16f1493e] {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.header-avatar-glow[data-v-16f1493e] {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: rgba(56, 189, 248, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(56, 189, 248, 0.25);
  box-shadow: 0 0 20px rgba(56, 189, 248, 0.15);
}
.metric-card[data-v-16f1493e] {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.metric-card[data-v-16f1493e]:hover {
  transform: translateY(-2px);
  border-color: rgba(56, 189, 248, 0.3) !important;
}
.metric-label[data-v-16f1493e] {
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #94a3b8;
}
.metric-value[data-v-16f1493e] {
  font-size: 1.65rem;
  font-weight: 900;
  letter-spacing: -0.02em;
}
.metric-subtext[data-v-16f1493e] {
  font-size: 0.78rem;
  color: #64748b;
  margin-top: 4px;
}
.metric-pct[data-v-16f1493e] {
  font-size: 0.8rem;
  color: #e2e8f0;
}
.metric-icon-box[data-v-16f1493e] {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cyan-glow[data-v-16f1493e] {
  background: rgba(6, 182, 212, 0.12);
  border: 1px solid rgba(6, 182, 212, 0.25);
}
.amber-glow[data-v-16f1493e] {
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.25);
}
.emerald-glow[data-v-16f1493e] {
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.25);
}
.purple-glow[data-v-16f1493e] {
  background: rgba(168, 85, 247, 0.12);
  border: 1px solid rgba(168, 85, 247, 0.25);
}
.table-card[data-v-16f1493e] {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.border-b-dark[data-v-16f1493e] {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.dark-table[data-v-16f1493e] {
  background: transparent !important;
}
.dark-table[data-v-16f1493e] .v-table__wrapper {
  max-height: 480px;
  overflow-y: auto;
}
.dark-table[data-v-16f1493e] .v-table__wrapper::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.dark-table[data-v-16f1493e] .v-table__wrapper::-webkit-scrollbar-track {
  background: #0f172a;
}
.dark-table[data-v-16f1493e] .v-table__wrapper::-webkit-scrollbar-thumb {
  background-color: #334155;
  border-radius: 10px;
}
.dark-table[data-v-16f1493e] .v-table__wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #38bdf8;
}
.dark-thead-tr[data-v-16f1493e] {
  background: #0f172a !important;
}
.dark-tbody-tr[data-v-16f1493e] {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  transition: background 0.15s ease;
}
.dark-tbody-tr[data-v-16f1493e]:hover {
  background: rgba(30, 41, 59, 0.5) !important;
}
.border-slate[data-v-16f1493e] {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.modal-dark-card[data-v-16f1493e] {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}
.text-cyan[data-v-16f1493e] { color: #06b6d4 !important;
}
.text-amber[data-v-16f1493e] { color: #f59e0b !important;
}
.text-emerald[data-v-16f1493e] { color: #10b981 !important;
}
.text-purple[data-v-16f1493e] { color: #a855f7 !important;
}

.theme-dark-root[data-v-2b74330a] {
  background-color: #090d16;
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #e2e8f0;
  box-sizing: border-box;
}
.doc-header[data-v-2b74330a] {
  background-color: #0f172a !important;
  border: 1px solid #1e293b !important;
  flex-shrink: 0;
}
.doc-nav-card[data-v-2b74330a] {
  background-color: #0f172a !important;
  border: 1px solid #1e293b !important;
  flex-shrink: 0;
}
.trace-content-scroll[data-v-2b74330a] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding-right: 4px;
}

/* Scrollbar personalizado para el área de contenido de trazas */
.trace-content-scroll[data-v-2b74330a]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.trace-content-scroll[data-v-2b74330a]::-webkit-scrollbar-track {
  background: #0f172a;
  border-radius: 4px;
}
.trace-content-scroll[data-v-2b74330a]::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 4px;
}
.trace-content-scroll[data-v-2b74330a]::-webkit-scrollbar-thumb:hover {
  background: #38bdf8;
}

/* Botón Estrictamente Cuadrado */
.square-nav-btn[data-v-2b74330a] {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  border-radius: 10px !important;
  transition: all 0.2s ease !important;
}
.square-nav-btn.is-active[data-v-2b74330a] {
  box-shadow: 0 4px 12px rgba(56, 189, 248, 0.3) !important;
}
.doc-card[data-v-2b74330a] {
  background-color: #0f172a !important;
  border: 1px solid #1e293b !important;
}
.flow-boxes-grid[data-v-2b74330a] {
  display: flex;
  align-items: stretch;
  gap: 12px;
  flex-wrap: wrap;
}
.flow-step-card[data-v-2b74330a] {
  flex: 1;
  min-width: 180px;
  background-color: #020617;
}
.dark-doc-table[data-v-2b74330a] {
  background-color: #090d16 !important;
}
.dark-doc-table[data-v-2b74330a] .v-table__wrapper::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.dark-doc-table[data-v-2b74330a] .v-table__wrapper::-webkit-scrollbar-track {
  background: #0f172a;
}
.dark-doc-table[data-v-2b74330a] .v-table__wrapper::-webkit-scrollbar-thumb {
  background-color: #334155;
  border-radius: 4px;
}
.dark-doc-table[data-v-2b74330a] .v-table__wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #38bdf8;
}
.dark-doc-table th[data-v-2b74330a] {
  background-color: #1e293b !important;
  color: #94a3b8 !important;
}
.dark-doc-table td[data-v-2b74330a] {
  border-bottom: 1px solid #1e293b !important;
}
.border-slate[data-v-2b74330a] {
  border: 1px solid #334155 !important;
}
.border-l-cyan[data-v-2b74330a] {
  border-left: 2px solid #06b6d4 !important;
}
.border-emerald[data-v-2b74330a] {
  border: 1px solid #065f46 !important;
}
.border-red[data-v-2b74330a] {
  border: 1px solid #991b1b !important;
}
.border-b-dark[data-v-2b74330a] {
  border-bottom: 1px solid #1e293b !important;
}
.border-t-dark[data-v-2b74330a] {
  border-top: 1px solid #1e293b !important;
}
.doc-modal[data-v-2b74330a] {
  background-color: #0f172a !important;
  border: 1px solid #1e293b !important;
}
.storage-metric-card[data-v-2b74330a] {
  background-color: transparent !important;
  background: transparent !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
}

.titulo[data-v-2ff0d8c1] {
  color: blue;
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: 10px;
}
.contenedor-card[data-v-2ff0d8c1] {
  display: flex;
  color: rgba(0, 0, 0, 0.63);
  flex-direction: column;
  max-height: 90vh;
  max-width: 98vw;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
[data-v-2ff0d8c1] .table > tbody > tr > td {
  background: #ffffff;
}
.tabla-tickets-custom tbody td[data-v-2ff0d8c1] {
  padding: 5px 5px !important;
}
.tabla-tickets-custom thead th[data-v-2ff0d8c1] {
  padding: 7px 7px !important;
}

/* Estilos del dialog de proceso */
.ticket-info-header[data-v-2ff0d8c1] {
  display: flex;
  align-items: center;
}
.ticket-titulo-detalle[data-v-2ff0d8c1] {
  color: #2c3e50;
  margin: 0;
  font-size: 1.3rem;
}
.table[data-v-2ff0d8c1] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #e4ebf7;
  border-radius: 10px;
  overflow: hidden;
  background-color: #ffffff !important;
}
.info-row[data-v-2ff0d8c1] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  gap: 8px;
}
.info-label[data-v-2ff0d8c1] {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #5a6c7d;
  min-width: 150px;
}
.info-value[data-v-2ff0d8c1] {
  color: #2c3e50;
}
.historial-section[data-v-2ff0d8c1] {
  margin-top: 20px;
}
.historial-titulo[data-v-2ff0d8c1] {
  display: flex;
  align-items: center;
  color: #2c3e50;
  font-size: 1.1rem;
  margin-bottom: 10px;
}
.proceso-card[data-v-2ff0d8c1] {
  margin-bottom: 8px;
  transition: all 0.2s ease;
}
.proceso-card[data-v-2ff0d8c1]:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transform: translateX(2px);
}
.proceso-titulo[data-v-2ff0d8c1] {
  color: #2c3e50;
  font-size: 0.95rem;
  margin-bottom: 4px;
}
.proceso-fecha[data-v-2ff0d8c1] {
  color: #7f8c8d;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.proceso-descripcion[data-v-2ff0d8c1] {
  color: #555;
  font-size: 0.9rem;
}
.btn-cerrar-dialog[data-v-2ff0d8c1] {
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.btn-cerrar-dialog[data-v-2ff0d8c1]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(158, 158, 158, 0.3);
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
}
.btn-cerrar-dialog[data-v-2ff0d8c1]:hover::before {
  width: 300px;
  height: 300px;
}
.btn-cerrar-dialog[data-v-2ff0d8c1]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  background-color: rgba(158, 158, 158, 0.1);
}
.btn-cerrar-dialog[data-v-2ff0d8c1]:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.label-selector[data-v-2ff0d8c1] {
  display: flex;
  align-items: center;
  font-size: 0.95rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 8px;
}
.selector-prioridad[data-v-2ff0d8c1] {
  width: 100%;
}
.mb-3[data-v-2ff0d8c1] {
  margin-bottom: 16px;
}
.dialog-title[data-v-2ff0d8c1] {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
}
.dialog-title small[data-v-2ff0d8c1] {
  margin-top: 4px;
  font-size: 0.72rem;
  font-weight: 400;
  opacity: 0.8;
}
.creation-card[data-v-2ff0d8c1],
.ticket-list-card[data-v-2ff0d8c1] {
  border: 1px solid #e7edf7;
  background: #fff;
  box-shadow: 0 8px 22px rgba(35, 71, 133, 0.06);
}
.ticket-card-content[data-v-2ff0d8c1] {
  padding: 20px;
}
.ticket-section-heading[data-v-2ff0d8c1] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}
.ticket-heading-icon[data-v-2ff0d8c1] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #ffffff;
  background: linear-gradient(135deg, #2f74e5 0%, #6a4ee6 100%);
  box-shadow: 0 5px 12px rgba(64, 91, 220, 0.25);
}
.ticket-heading-title[data-v-2ff0d8c1] {
  color: #2863c7;
  font-size: 0.98rem;
  font-weight: 700;
}
.ticket-heading-subtitle[data-v-2ff0d8c1] {
  margin-top: 1px;
  color: #64748b;
  font-size: 0.72rem;
}
.filtros-container[data-v-2ff0d8c1] {
  margin-bottom: 14px;
  padding-top: 12px;
  border: 1px solid rgba(63, 125, 231, 0.16);
  border-radius: 10px;
  background: rgba(227, 239, 255, 0.38);
}
.filtros-header[data-v-2ff0d8c1] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 16px;
  color: #2e6bd1;
  font-size: 0.76rem;
  font-weight: 700;
}
.ticket-response-note[data-v-2ff0d8c1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin: 9px 0 13px;
  padding: 5px 8px;
  border: 1px solid #dbeafe;
  border-radius: 6px;
  color: #4b72a8;
  background: #f6faff;
  font-size: 0.68rem;
}
.ticket-response-note .v-icon[data-v-2ff0d8c1] {
  color: #2f74e5;
}
.btn-create-ticket[data-v-2ff0d8c1] {
  height: 44px;
  border-radius: 8px;
  color: #ffffff;
  font-size: 0.8rem;
  font-weight: 700;
  background: linear-gradient(105deg, #2f74e5 0%, #7046df 100%);
  box-shadow: 0 8px 16px rgba(67, 82, 216, 0.2);
}
.ticket-help-footer[data-v-2ff0d8c1] {
  display: flex;
  min-height: 62px;
  padding: 12px 20px;
  border-top: 1px solid #e8eef8;
  background: #fbfdff;
}
.ticket-help-copy[data-v-2ff0d8c1] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #2e6bd1;
}
.ticket-help-title[data-v-2ff0d8c1] {
  font-size: 0.76rem;
  font-weight: 700;
}
.ticket-help-subtitle[data-v-2ff0d8c1] {
  margin-top: 2px;
  color: #6b7b92;
  font-size: 0.66rem;
}
.btn-exit-ticket[data-v-2ff0d8c1] {
  min-width: 82px;
  border-color: #b8d1fb;
  border-radius: 7px;
  color: #2e6bd1;
  font-size: 0.75rem;
  font-weight: 700;
}
.description-label[data-v-2ff0d8c1] {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #44546a;
}
.ticket-list-card[data-v-2ff0d8c1] {
  overflow: hidden;
}
.ticket-list-card .divscroll[data-v-2ff0d8c1] {
  border-radius: 0 0 16px 16px;
}
.tabla-tickets-custom tbody tr[data-v-2ff0d8c1] {
  transition: background-color 0.15s ease;
}
.tabla-tickets-custom tbody tr[data-v-2ff0d8c1]:hover {
  background: #f5f9ff;
}
@media (max-width: 600px) {
.dialog-title span[data-v-2ff0d8c1] {
    font-size: 1rem;
}
.ticket-card-content[data-v-2ff0d8c1] {
    padding: 16px;
}
.ticket-help-footer[data-v-2ff0d8c1] {
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
}
.ticket-help-subtitle[data-v-2ff0d8c1] {
    max-width: 220px;
}
.ticket-list-card .divscroll[data-v-2ff0d8c1] {
    height: 360px !important;
}
}



.app-layout[data-v-c11c3d6f] {
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.app-main[data-v-c11c3d6f] {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
  margin-top: 0 !important;
  width: 100%;
}
.container-modal[data-v-c11c3d6f] {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  padding: 16px !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}
.component-wrapper[data-v-c11c3d6f] {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  width: 100%;
}
#modalMenu[data-v-c11c3d6f] {
  margin: 0 !important;
  width: 100%;
  height: 100%;
}
.logo-container[data-v-c11c3d6f] {
  display: flex;
  align-items: center;
  font-family: 'Outfit', sans-serif;
  user-select: none;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.logo-container[data-v-c11c3d6f]:hover {
  transform: scale(1.02);
}
.logo-icon[data-v-c11c3d6f] {
  color: #00bfa5;
  margin-right: 8px;
  filter: drop-shadow(0 0 8px rgba(0, 191, 165, 0.4));
}
.logo-gk[data-v-c11c3d6f] {
  font-weight: 800;
  font-size: 1.6rem;
  background: linear-gradient(135deg, #1de9b6, #00897b);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 1px;
}
.logo-nexora[data-v-c11c3d6f] {
  font-weight: 300;
  font-size: 1.6rem;
  color: #f5f5f5;
  letter-spacing: 2px;
  margin-left: 6px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}



/* Fonts*/
/* Variables */
/* Body*/
/* color palette from <https://github.com/vuejs/theme> */
:root {
  --vt-c-white: #ffffff;
  --vt-c-white-soft: #f8f8f8;
  --vt-c-white-mute: #f2f2f2;

  --vt-c-black: #181818;
  --vt-c-black-soft: #222222;
  --vt-c-black-mute: #282828;

  --vt-c-indigo: #2c3e50;

  --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
  --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
  --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
  --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);

  --vt-c-text-light-1: var(--vt-c-indigo);
  --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
  --vt-c-text-dark-1: var(--vt-c-white);
  --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
}

/* semantic color variables for this project */
:root {
  --color-background: var(--vt-c-white);
  --color-background-soft: var(--vt-c-white-soft);
  --color-background-mute: var(--vt-c-white-mute);

  --color-border: var(--vt-c-divider-light-2);
  --color-border-hover: var(--vt-c-divider-light-1);

  --color-heading: var(--vt-c-text-light-1);
  --color-text: var(--vt-c-text-light-1);

  --section-gap: 160px;
  --app-font-family: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-background: var(--vt-c-black);
    --color-background-soft: var(--vt-c-black-soft);
    --color-background-mute: var(--vt-c-black-mute);

    --color-border: var(--vt-c-divider-dark-2);
    --color-border-hover: var(--vt-c-divider-dark-1);

    --color-heading: var(--vt-c-text-dark-1);
    --color-text: var(--vt-c-text-dark-2);
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  position: relative;
}

body {
  min-height: 100vh;
  color: var(--color-text);
  background: var(--color-background);
  transition: color 0.5s, background-color 0.5s;
  line-height: 1.6;
  font-family: var(--app-font-family);
  font-size: 15px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.plano_app{
  display: contents !important;
}
html, body {
  font-family: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 0.9rem;
  line-height: 1.6;
  font-weight: 700;
}

.title {
  font-size: 15px;
}

.title-Modal {
  font-family: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 12px !important;
}

* {
  font-weight: 500;
}

#app {
  font-family: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 0.9rem;
  line-height: 1.6;
}

.footerApp {
  background-color: #04101f !important;
  color: rgb(255, 255, 255);
}

/* Bootstrap */
/* Tabla */
.alert-table {
  position: relative;
  padding: 0.65rem 1.25rem;
  margin-bottom: 0;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.separador {
  border-right: 1px solid rgb(104, 104, 104);
  height: 100%;
  margin-right: 0px;
}

.vuetable > thead > tr > th {
  cursor: auto;
}

.vuetable-body > tr > td {
  /*vertical-align: baseline;¨*/
}

.vuetable-body > tr > td {
  font-size: 12px;
  text-align: center;
}

.md .alert-table {
  position: relative;
  padding: 0.65rem 1.25rem;
  margin-bottom: 0;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.md .vuetable > thead > tr > th {
  cursor: auto;
  border-bottom: 2px solid #dee2e6;
}
.md .vuetable-body > tr > td {
  font-size: 10px;
  text-align: center;
  color: rgba(26, 27, 26, 0.925);
  vertical-align: baseline;
}

div > .modal {
  overflow: auto;
}

.mostar {
  display: block;
}

.ocultar {
  display: none;
}

.visibilidad {
  display: none;
}

.mytable, #mytable {
  overflow-x: auto;
}

.fixTableHead {
  overflow-y: auto;
  height: 110%;
}

.fixTableHead thead th {
  position: sticky;
  top: 0;
  background-color: white;
}

.row-estado-inactivo {
  background-color: rgba(255, 0, 0, 0.26);
}

.verde {
  background-color: rgba(0, 151, 6, 0.1803921569) !important;
  border-color: #4caf50 !important;
}

.rojo {
  background-color: rgba(225, 15, 0, 0.1607843137) !important;
  border-color: #4caf50 !important;
}

.amarillo {
  background-color: rgba(214, 205, 124, 0.2) !important;
  border-color: #4caf50 !important;
}

.azul {
  background-color: rgba(188, 219, 243, 0.3215686275) !important;
  border-color: #0078d8 !important;
}

.celeste {
  background-color: rgba(130, 197, 248, 0.6235294118) !important;
  border-color: #309ef8 !important;
}

.inputTabla {
  border-color: black;
  border-style: solid;
  border-width: 1px;
  line-height: 25px;
}

/* Login */
:root {
  --bg-dark: #09090b;
  --bg-card: rgba(24, 24, 27, 0.75);
  --border-color: #27272a;
  --border-focus: #3b82f6;
  --text-main: #f4f4f5;
  --text-muted: #a1a1aa;
  --primary: #2563eb;
  --primary-hover: #3b82f6;
  --primary-glow: rgba(59, 130, 246, 0.4);
  --accent-teal: #00bfa5;
  --accent-teal-glow: rgba(0, 191, 165, 0.4);
  --error: #ef4444;
  --shadow-card: 0 20px 40px -10px rgba(0, 0, 0, 0.5);
}

html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background-color: var(--bg-dark);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--text-main);
  overflow-x: hidden;
}

/* Fix main wrapper padding from app.blade.php */
main.py-0 {
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
  min-height: 100vh;
}

/* ==========================================================================
   Wrapper & Background Ambient Effects
   ========================================================================== */
.auth-wrapper {
  position: relative;
  min-height: 100vh;
  width: 100%;
  overflow: hidden; /* Fix: Recorta resplandores absolutos y evita el overflow de 2 cm al final de la página */
  background-color: var(--bg-dark);
  background: radial-gradient(circle at top left, rgba(0, 191, 165, 0.08) 0%, transparent 40%), radial-gradient(circle at bottom right, rgba(37, 99, 235, 0.08) 0%, transparent 40%);
  background-blend-mode: screen;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.auth-bg-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(100px);
  z-index: 0;
  opacity: 0.6;
  pointer-events: none;
}

.glow-1 {
  top: -10%;
  left: -10%;
  width: 60vw;
  height: 60vh;
  background: radial-gradient(circle, rgba(0, 191, 165, 0.12) 0%, transparent 70%);
}

.glow-2 {
  bottom: -10%;
  right: -10%;
  width: 50vw;
  height: 50vh;
  background: radial-gradient(circle, rgba(37, 99, 235, 0.12) 0%, transparent 70%);
}

/* ==========================================================================
   Main Grid Layout Container
   ========================================================================== */
.auth-container {
  position: relative;
  z-index: 10;
  width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  box-sizing: border-box;
}
@media (min-width: 992px) {
  .auth-container {
    grid-template-columns: 1fr 1fr;
  }
}
.auth-container {
  /* Variación para vista centrada (Registro de Empresas) */
}
.auth-container.auth-container-center {
  grid-template-columns: 1fr;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  margin: 0 auto;
  min-height: 100vh;
  padding: 32px 16px;
}
@media (min-width: 768px) {
  .auth-container.auth-container-center {
    padding: 48px 24px;
  }
}

/* ==========================================================================
   Left Panel: Branding & Hero Presentation
   ========================================================================== */
.auth-info-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px 24px;
  background: linear-gradient(135deg, rgba(0, 191, 165, 0.08) 0%, rgba(18, 18, 21, 0.95) 100%);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  box-sizing: border-box;
}
@media (min-width: 992px) {
  .auth-info-section {
    min-height: 100vh;
    padding: 40px 48px;
  }
}
@media (max-width: 991.98px) {
  .auth-info-section {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    align-items: center;
    text-align: center;
  }
}
.auth-info-section .brand-header-logo {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.auth-info-section .brand-header-logo:hover {
  transform: scale(1.02);
}
.auth-info-section .brand-header-logo .logo-icon {
  color: var(--accent-teal);
  margin-right: 12px;
  filter: drop-shadow(0 0 12px rgba(0, 191, 165, 0.5));
  font-size: 38px;
  line-height: 1;
  animation: greenGlowPulse 8s ease-in-out infinite;
}
@media (min-width: 992px) {
  .auth-info-section .brand-header-logo .logo-icon {
    font-size: 48px;
  }
}
.auth-info-section .brand-header-logo .logo-gk {
  font-family: "Outfit", sans-serif;
  font-weight: 800;
  font-size: 2rem;
  background: linear-gradient(135deg, #1de9b6, #00897b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 1px;
  animation: greenTextFlash 8s ease-in-out infinite;
}
@media (min-width: 992px) {
  .auth-info-section .brand-header-logo .logo-gk {
    font-size: 2.5rem;
  }
}
.auth-info-section .brand-header-logo .logo-nexora {
  font-family: "Outfit", sans-serif;
  font-weight: 300;
  font-size: 2rem;
  color: #f5f5f5;
  letter-spacing: 2px;
  margin-left: 6px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .auth-info-section .brand-header-logo .logo-nexora {
    font-size: 2.5rem;
  }
}
.auth-info-section .brand-presentation-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 100%;
  max-width: 540px;
  margin: auto;
  padding: 16px 0;
}
.auth-info-section .brand-hero-media {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 4/5;
  max-height: 480px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(0, 191, 165, 0.25);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6), 0 0 35px rgba(0, 191, 165, 0.15);
}
@media (max-width: 991.98px) {
  .auth-info-section .brand-hero-media {
    max-height: 320px;
    aspect-ratio: 16/9;
  }
}
@media (max-width: 575.98px) {
  .auth-info-section .brand-hero-media {
    max-height: 220px;
  }
}
.auth-info-section .brand-hero-media .brand-hero-glow {
  position: absolute;
  inset: -20px;
  background: radial-gradient(circle at center, rgba(0, 191, 165, 0.25), transparent 70%);
  filter: blur(30px);
  z-index: 0;
  pointer-events: none;
}
.auth-info-section .brand-hero-media {
  /* Partículas animadas verdes cayendo */
}
.auth-info-section .brand-hero-media .particles-container {
  position: absolute;
  inset: 0;
  z-index: 3;
  overflow: hidden;
  pointer-events: none;
}
.auth-info-section .brand-hero-media .particles-container .particle {
  position: absolute;
  width: 4px;
  height: 4px;
  background: #00bfa5;
  border-radius: 50%;
  box-shadow: 0 0 8px #1de9b6, 0 0 12px rgba(0, 191, 165, 0.8);
  opacity: 0;
  animation: particleFall linear infinite;
}
.auth-info-section .brand-hero-media .particles-container .p1 {
  left: 12%;
  width: 3px;
  height: 3px;
  animation-duration: 4.5s;
  animation-delay: 0s;
}
.auth-info-section .brand-hero-media .particles-container .p2 {
  left: 28%;
  width: 5px;
  height: 5px;
  animation-duration: 6s;
  animation-delay: 1.2s;
}
.auth-info-section .brand-hero-media .particles-container .p3 {
  left: 42%;
  width: 3px;
  height: 3px;
  animation-duration: 5.2s;
  animation-delay: 0.5s;
}
.auth-info-section .brand-hero-media .particles-container .p4 {
  left: 58%;
  width: 4px;
  height: 4px;
  animation-duration: 4.8s;
  animation-delay: 2s;
}
.auth-info-section .brand-hero-media .particles-container .p5 {
  left: 72%;
  width: 3px;
  height: 3px;
  animation-duration: 5.5s;
  animation-delay: 1s;
}
.auth-info-section .brand-hero-media .particles-container .p6 {
  left: 86%;
  width: 5px;
  height: 5px;
  animation-duration: 6.2s;
  animation-delay: 2.5s;
}
.auth-info-section .brand-hero-media .particles-container .p7 {
  left: 35%;
  width: 4px;
  height: 4px;
  animation-duration: 5s;
  animation-delay: 3s;
}
.auth-info-section .brand-hero-media .particles-container .p8 {
  left: 80%;
  width: 3px;
  height: 3px;
  animation-duration: 4.2s;
  animation-delay: 1.8s;
}
.auth-info-section .brand-hero-media .brand-img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.94) contrast(1.05);
  transition: transform 0.5s ease, filter 0.5s ease;
}
.auth-info-section .brand-hero-media .brand-img-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(9, 9, 11, 0.05) 0%, rgba(9, 9, 11, 0.8) 100%), radial-gradient(circle at center, rgba(0, 191, 165, 0.12) 0%, transparent 80%);
  pointer-events: none;
}
.auth-info-section .brand-hero-media:hover .brand-img {
  transform: scale(1.03);
  filter: brightness(0.98) contrast(1.08);
}
.auth-info-section .brand-hero-media .info-content {
  position: absolute;
  bottom: 14px;
  left: 14px;
  right: 14px;
  z-index: 10;
  background: rgba(18, 18, 21, 0.82);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(0, 191, 165, 0.3);
  border-radius: 12px;
  padding: 14px 18px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  text-align: left;
}
@media (min-width: 992px) {
  .auth-info-section .brand-hero-media .info-content {
    bottom: 18px;
    left: 18px;
    right: 18px;
    padding: 18px 22px;
  }
}
.auth-info-section .brand-hero-media .info-content .info-title {
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 6px;
  margin-top: 0;
  background: linear-gradient(135deg, #ffffff 40%, #a1a1aa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 992px) {
  .auth-info-section .brand-hero-media .info-content .info-title {
    font-size: 22px;
  }
}
.auth-info-section .brand-hero-media .info-content .auth-legend {
  font-size: 12px;
  line-height: 1.5;
  color: #e4e4e7;
  margin: 0;
  border-left: 3px solid rgba(0, 191, 165, 0.8);
  padding-left: 10px;
}
@media (min-width: 992px) {
  .auth-info-section .brand-hero-media .info-content .auth-legend {
    font-size: 13.5px;
  }
}

/* Keyframes Animations */
@keyframes particleFall {
  0% {
    transform: translateY(-20px) scale(0.6);
    opacity: 0;
  }
  25% {
    opacity: 0.85;
  }
  75% {
    opacity: 0.7;
  }
  100% {
    transform: translateY(450px) scale(1.2);
    opacity: 0;
  }
}
@keyframes greenGlowPulse {
  0%, 75%, 100% {
    filter: drop-shadow(0 0 10px rgba(0, 191, 165, 0.4));
    transform: scale(1);
  }
  10% {
    filter: drop-shadow(0 0 24px rgba(29, 233, 182, 0.95)) drop-shadow(0 0 38px rgba(0, 191, 165, 0.75));
    transform: scale(1.05);
  }
  20% {
    filter: drop-shadow(0 0 12px rgba(0, 191, 165, 0.5));
    transform: scale(1);
  }
}
@keyframes greenTextFlash {
  0%, 75%, 100% {
    filter: drop-shadow(0 0 0px transparent);
    background: linear-gradient(135deg, #1de9b6, #00897b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  10% {
    filter: drop-shadow(0 0 16px rgba(29, 233, 182, 0.85));
    background: linear-gradient(135deg, #a7f3d0, #1de9b6, #00bfa5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  20% {
    filter: drop-shadow(0 0 0px transparent);
    background: linear-gradient(135deg, #1de9b6, #00897b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
/* ==========================================================================
   Right Panel / Card Container
   ========================================================================== */
.auth-card-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32px 20px;
  background-color: var(--bg-dark);
  background: radial-gradient(circle at center, rgba(37, 99, 235, 0.06) 0%, transparent 60%);
  box-sizing: border-box;
}
@media (min-width: 992px) {
  .auth-card-wrapper {
    min-height: 100vh;
    padding: 40px;
  }
}
@media (max-width: 991.98px) {
  .auth-card-wrapper {
    padding: 32px 16px;
  }
}

.auth-card {
  width: 100%;
  max-width: 420px;
  background-color: var(--bg-card);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 28px 20px;
  box-shadow: var(--shadow-card);
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-sizing: border-box;
}
@media (min-width: 576px) {
  .auth-card {
    padding: 36px 32px;
  }
}
.auth-card {
  /* Variante para Registro de Empresa */
}
.auth-card.auth-card-wide {
  max-width: 860px;
}
.auth-card .brand-header-logo-card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 4px;
}

.auth-header {
  text-align: left;
}
.auth-header.text-center {
  text-align: center;
}

.auth-title {
  font-family: "Outfit", sans-serif;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 4px 0;
  color: var(--text-main);
}
@media (min-width: 576px) {
  .auth-title {
    font-size: 26px;
  }
}

.auth-subtitle {
  font-size: 13.5px;
  color: var(--text-muted);
  margin: 0;
  line-height: 1.45;
}

/* ==========================================================================
   Form Fields & Elements
   ========================================================================== */
.auth-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.registration-columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 768px) {
  .registration-columns {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
}

.section-title {
  margin-top: 0;
  margin-bottom: 1rem;
  color: var(--text-main);
  font-size: 1rem;
  font-weight: 600;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 0.5rem;
  letter-spacing: 0.3px;
}

.field-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.label-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}

.field-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-muted);
}

.forgot-link, .auth-back-link {
  font-size: 13px;
  color: var(--primary);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s;
}
.forgot-link:hover, .auth-back-link:hover {
  color: var(--primary-hover);
  text-decoration: underline;
}

.input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.input-icon {
  position: absolute;
  left: 14px;
  color: #52525b;
  pointer-events: none;
  display: flex;
  align-items: center;
  z-index: 2;
}
.input-icon svg {
  width: 18px;
  height: 18px;
}

.field-input {
  width: 100%;
  background-color: #09090b;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  padding: 11px 14px 11px 42px;
  color: var(--text-main);
  font-size: 14.5px;
  font-family: inherit;
  transition: all 0.2s ease;
  box-sizing: border-box;
}
.field-input.no-icon {
  padding-left: 14px;
}
.field-input::placeholder {
  color: #52525b;
}
.field-input:focus {
  outline: none;
  border-color: var(--border-focus);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}
.field-input.is-invalid {
  border-color: var(--error);
}
.field-input.is-invalid:focus {
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
}
.field-input {
  /* Chrome Autofill Fix */
}
.field-input:-webkit-autofill, .field-input:-webkit-autofill:hover, .field-input:-webkit-autofill:focus, .field-input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #09090b inset !important;
  -webkit-text-fill-color: var(--text-main) !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* Custom Select Dropdown Styling */
select.field-input {
  padding-left: 14px;
  padding-right: 40px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' 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 14px center;
  background-size: 16px;
  cursor: pointer;
}
select.field-input option {
  background-color: #18181b;
  color: #f4f4f5;
  padding: 10px;
}

.password-toggle {
  position: absolute;
  right: 14px;
  background: none;
  border: none;
  color: #52525b;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  z-index: 2;
  transition: color 0.2s;
}
.password-toggle:hover {
  color: var(--text-muted);
}
.password-toggle svg {
  width: 18px;
  height: 18px;
}

.error-message {
  font-size: 12.5px;
  color: var(--error);
  margin-top: 3px;
}

.field-options {
  margin-top: 2px;
  margin-bottom: 4px;
}

.checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.custom-checkbox {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  background-color: #09090b;
  cursor: pointer;
  position: relative;
  transition: all 0.2s;
  flex-shrink: 0;
}
.custom-checkbox:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}
.custom-checkbox:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.custom-checkbox:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.checkbox-label {
  font-size: 13.5px;
  color: var(--text-muted);
}

.form-actions-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  margin-top: 0.5rem;
  width: 100%;
}

.submit-btn {
  width: 100%;
  background-color: var(--primary);
  color: white;
  border: none;
  border-radius: 12px;
  padding: 13px;
  font-size: 14.5px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 46px;
  box-sizing: border-box;
}
.submit-btn:hover {
  background-color: var(--primary-hover);
  box-shadow: 0 4px 14px var(--primary-glow);
}
.submit-btn:active {
  transform: translateY(1px);
}
.submit-btn.is-loading {
  pointer-events: none;
  background-color: var(--primary-hover);
}
.submit-btn.is-loading .btn-text {
  display: none;
}
.submit-btn.is-loading .btn-loader {
  display: block;
}

.btn-loader {
  display: none;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

.auth-footer {
  text-align: center;
  margin-top: 4px;
}
.auth-footer p {
  font-size: 13.5px;
  color: var(--text-muted);
  margin: 0 0 6px 0;
  line-height: 1.45;
}

.animated-gk-code {
  font-weight: 700;
  background: linear-gradient(45deg, #3b82f6, #8b5cf6, #ec4899, #3b82f6);
  background-size: 300% 300%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: colorShift 5s ease infinite;
  display: inline-block;
}

@keyframes colorShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/* ==========================================================================
   GK NEXORA — Landing Page
   ========================================================================== */
.landing-page {
  --teal: #00bfa5;
  --teal-light: #1de9b6;
  --teal-dark: #00897b;
  --bg-soft: #0f0f12;
  --ok: #22c55e;
  --warn: #f59e0b;
  --muted-pill: #52525b;
  position: relative;
  background-color: var(--bg-dark);
  color: var(--text-main);
  overflow-x: hidden;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  min-height: 100vh;
}
.landing-page * {
  box-sizing: border-box;
}
.landing-page a {
  text-decoration: none;
  color: inherit;
}
.landing-page .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}
.landing-page .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--teal-light);
  background: rgba(0, 191, 165, 0.1);
  border: 1px solid rgba(0, 191, 165, 0.25);
  padding: 6px 14px;
  border-radius: 999px;
}
.landing-page h1, .landing-page h2, .landing-page h3, .landing-page h4 {
  font-family: "Outfit", sans-serif;
  margin: 0;
}
.landing-page .gradient-text {
  background: linear-gradient(135deg, var(--teal-light), var(--teal-dark));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.landing-page {
  /* ---------------- Background FX ---------------- */
}
.landing-page .bg-glow {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(circle at 15% 10%, rgba(0, 191, 165, 0.1) 0%, transparent 35%), radial-gradient(circle at 85% 0%, rgba(37, 99, 235, 0.12) 0%, transparent 40%), radial-gradient(circle at 50% 100%, rgba(139, 92, 246, 0.07) 0%, transparent 45%);
}
.landing-page .grid-overlay {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.35;
  background-image: linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, #000 30%, transparent 75%);
}
.landing-page section {
  position: relative;
  z-index: 1;
}
.landing-page {
  /* ---------------- Navbar ---------------- */
}
.landing-page .landing-nav {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(9, 9, 11, 0.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--border-color);
}
.landing-page .landing-nav .nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 72px;
  gap: 16px;
}
.landing-page .landing-nav .nav-links {
  display: flex;
  align-items: center;
  gap: 32px;
}
.landing-page .landing-nav .nav-links a {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-muted);
  transition: color 0.2s ease;
}
.landing-page .landing-nav .nav-links a:hover {
  color: var(--text-main);
}
.landing-page .landing-nav .nav-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.landing-page .landing-nav .nav-toggle {
  display: none;
  background: none;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  color: var(--text-main);
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
}
.landing-page .brand {
  display: flex;
  align-items: center;
  gap: 10px;
  user-select: none;
}
.landing-page .brand .brand-icon {
  font-size: 26px;
  color: var(--teal);
  filter: drop-shadow(0 0 8px rgba(0, 191, 165, 0.4));
}
.landing-page .brand .brand-gk {
  font-family: "Outfit", sans-serif;
  font-weight: 800;
  font-size: 1.3rem;
  background: linear-gradient(135deg, var(--teal-light), var(--teal-dark));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 1px;
}
.landing-page .brand .brand-nexora {
  font-family: "Outfit", sans-serif;
  font-weight: 300;
  font-size: 1.3rem;
  color: var(--text-main);
  letter-spacing: 2px;
}
.landing-page {
  /* ---------------- Buttons ---------------- */
}
.landing-page .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  padding: 11px 20px;
  border-radius: 10px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  font-family: inherit;
}
.landing-page .btn-primary {
  background: var(--primary);
  color: #fff;
}
.landing-page .btn-primary:hover {
  background: var(--primary-hover);
  box-shadow: 0 4px 16px var(--primary-glow);
  transform: translateY(-1px);
}
.landing-page .btn-teal {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--teal-light), var(--teal-dark));
  color: #04241f;
  font-weight: 700;
  letter-spacing: 0.01em;
  box-shadow: 0 0 0 1px rgba(0, 191, 165, 0.35), 0 8px 20px -8px rgba(0, 191, 165, 0.55);
}
.landing-page .btn-teal::before {
  content: "";
  position: absolute;
  top: 0;
  left: -60%;
  width: 35%;
  height: 100%;
  background: linear-gradient(115deg, transparent, rgba(255, 255, 255, 0.45), transparent);
  transform: skewX(-20deg);
  transition: left 0.6s ease;
  pointer-events: none;
}
.landing-page .btn-teal:hover {
  box-shadow: 0 0 0 1px rgba(0, 191, 165, 0.5), 0 10px 26px -6px rgba(0, 191, 165, 0.55);
  transform: translateY(-1px);
}
.landing-page .btn-teal:hover::before {
  left: 130%;
}
.landing-page .btn-teal:active {
  transform: translateY(0);
}
.landing-page .btn-ghost {
  /* Estructura del botón (Añadido) */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.25rem; /* Relleno para que tenga forma de botón */
  border: 1px solid var(--border-color); /* FUNDAMENTAL: Define el borde para que se vea */
  border-radius: 8px; /* Bordes ligeramente redondeados (ajústalo al diseño de tu web) */
  /* Colores (Tu código original) */
  background: rgba(255, 255, 255, 0.636);
  color: var(--text-main);
  /* Tipografía y cursor (Añadido) */
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  /* Animación suave para el hover (Añadido) */
  transition: all 0.3s ease;
}
.landing-page .btn-ghost:hover {
  border-color: rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.29);
  /* Opcional: un ligero brillo en el texto o sombra al pasar el ratón */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.288);
}
.landing-page .btn-lg {
  padding: 15px 28px;
  font-size: 15px;
  border-radius: 12px;
}
.landing-page {
  /* ---------------- Hero ---------------- */
}
.landing-page .hero {
  padding: 88px 0 40px;
}
.landing-page .hero .hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 56px;
  align-items: center;
  text-align: center;
}
.landing-page .hero .hero-copy {
  max-width: 720px;
  margin: 0 auto;
}
.landing-page .hero .eyebrow {
  margin-bottom: 24px;
}
.landing-page .hero h1 {
  font-size: clamp(2.4rem, 5vw, 3.6rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
}
.landing-page .hero .hero-subtitle {
  margin-top: 22px;
  font-size: 18px;
  line-height: 1.7;
  color: var(--text-muted);
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}
.landing-page .hero .hero-actions {
  margin-top: 34px;
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}
.landing-page .hero .hero-tags {
  margin-top: 40px;
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
  justify-content: center;
}
.landing-page .hero .hero-tag {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--text-muted);
}
.landing-page .hero .hero-tag i {
  color: var(--teal);
  font-size: 16px;
}
.landing-page {
  /* ---------------- Browser Mockup ---------------- */
}
.landing-page .browser-frame {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.6);
}
.landing-page .browser-frame .browser-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: #141417;
  border-bottom: 1px solid var(--border-color);
}
.landing-page .browser-frame .browser-bar .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #3a3a3f;
}
.landing-page .browser-frame .browser-bar .dot:nth-child(1) {
  background: #ff5f56;
}
.landing-page .browser-frame .browser-bar .dot:nth-child(2) {
  background: #ffbd2e;
}
.landing-page .browser-frame .browser-bar .dot:nth-child(3) {
  background: #27c93f;
}
.landing-page .browser-frame .browser-bar .url-pill {
  margin-left: 12px;
  background: #0c0c0e;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 4px 12px;
  font-size: 11px;
  color: var(--text-muted);
  flex: 1;
  max-width: 260px;
}
.landing-page .browser-frame .browser-body {
  padding: 0;
  background: #f4f5f7;
}
.landing-page .hero-visual {
  max-width: 880px;
  margin: 0 auto;
  transform: perspective(1400px) rotateX(4deg);
}
.landing-page {
  /* ---------------- Mock: Publications table ---------------- */
}
.landing-page .mock-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  background: #eef0f3;
  border-bottom: 1px solid #dfe2e7;
}
.landing-page .mock-toolbar .mock-title {
  font-weight: 700;
  color: #1f2430;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.landing-page .mock-toolbar .mock-btn {
  font-size: 11px;
  font-weight: 700;
  padding: 6px 12px;
  border-radius: 6px;
  background: var(--teal);
  color: #fff;
}
.landing-page .mock-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.landing-page .mock-table thead td {
  background: #232838;
  color: #cfd3dc;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 16px;
  letter-spacing: 0.04em;
}
.landing-page .mock-table tbody tr {
  background: #1a1f2c;
  border-bottom: 1px solid #262c3d;
}
.landing-page .mock-table tbody tr:nth-child(even) {
  background: #161b26;
}
.landing-page .mock-table tbody td {
  padding: 12px 16px;
  color: #e6e8ee;
  white-space: nowrap;
}
.landing-page .mock-table .thumb {
  width: 34px;
  height: 26px;
  border-radius: 4px;
  background: linear-gradient(135deg, #2c3550, #1a2036);
  display: inline-block;
}
.landing-page .mock-table .pill {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
}
.landing-page .mock-table .pill-ok {
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
}
.landing-page .mock-table .pill-warn {
  background: rgba(245, 158, 11, 0.18);
  color: #fbbf24;
}
.landing-page .mock-table .pill-muted {
  background: rgba(161, 161, 170, 0.18);
  color: #d4d4d8;
}
.landing-page .mock-table .pill-teal {
  background: rgba(0, 191, 165, 0.18);
  color: #2dd4bf;
}
.landing-page {
  /* ---------------- Sections generic ---------------- */
}
.landing-page .section {
  padding: 96px 0;
  border-top: 1px solid var(--border-color);
}
.landing-page .section-head {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 56px;
}
.landing-page .section-head .eyebrow {
  margin-bottom: 18px;
}
.landing-page .section-head h2 {
  font-size: clamp(1.8rem, 3.4vw, 2.4rem);
  font-weight: 700;
  letter-spacing: -0.01em;
}
.landing-page .section-head p {
  margin-top: 16px;
  color: var(--text-muted);
  font-size: 16px;
  line-height: 1.7;
}
.landing-page {
  /* ---------------- Feature cards ---------------- */
}
.landing-page .features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.landing-page .feature-card {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  padding: 28px;
  transition: border-color 0.25s ease, transform 0.25s ease;
}
.landing-page .feature-card:hover {
  border-color: rgba(0, 191, 165, 0.35);
  transform: translateY(-3px);
}
.landing-page .feature-card .feature-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(0, 191, 165, 0.16), rgba(37, 99, 235, 0.12));
  border: 1px solid rgba(0, 191, 165, 0.25);
  margin-bottom: 18px;
  font-size: 20px;
  color: var(--teal-light);
}
.landing-page .feature-card h3 {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 10px;
}
.landing-page .feature-card p {
  font-size: 14px;
  line-height: 1.65;
  color: var(--text-muted);
  margin: 0;
}
.landing-page {
  /* ---------------- Rubros ---------------- */
}
.landing-page .rubros-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.landing-page .rubro-card {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  padding: 28px 20px;
  text-align: center;
  transition: all 0.25s ease;
}
.landing-page .rubro-card:hover {
  border-color: rgba(59, 130, 246, 0.4);
  background: #1c1c20;
}
.landing-page .rubro-card i {
  font-size: 30px;
  color: var(--primary-hover);
  margin-bottom: 14px;
  display: inline-block;
}
.landing-page .rubro-card h4 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 6px;
}
.landing-page .rubro-card span {
  font-size: 12.5px;
  color: var(--text-muted);
  line-height: 1.5;
}
.landing-page {
  /* ---------------- Showcase (alternating) ---------------- */
}
.landing-page .showcase-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}
.landing-page .showcase-row + .showcase-row {
  margin-top: 100px;
}
.landing-page .showcase-row.reverse .showcase-copy {
  order: 2;
}
.landing-page .showcase-row.reverse .showcase-visual {
  order: 1;
}
.landing-page .showcase-copy .tag {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  color: var(--teal-light);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 14px;
}
.landing-page .showcase-copy h3 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 14px;
  line-height: 1.3;
}
.landing-page .showcase-copy p {
  color: var(--text-muted);
  font-size: 15.5px;
  line-height: 1.75;
  margin-bottom: 20px;
}
.landing-page .showcase-copy ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.landing-page .showcase-copy li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14.5px;
  color: var(--text-main);
}
.landing-page .showcase-copy li i {
  color: var(--ok);
  font-size: 16px;
  margin-top: 2px;
}
.landing-page .showcase-visual .browser-frame {
  transform: none;
}
.landing-page {
  /* Mock: social networks cards */
}
.landing-page .mock-social {
  padding: 20px;
  background: #10131c;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.landing-page .mock-social .social-card {
  border-radius: 10px;
  padding: 14px;
  font-size: 10px;
  color: #e6e8ee;
}
.landing-page .mock-social .social-card .social-name {
  font-size: 13px;
  font-weight: 700;
  margin: 8px 0 4px;
}
.landing-page .mock-social .social-card .social-status {
  display: inline-block;
  font-size: 9px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 999px;
  margin-top: 8px;
}
.landing-page .mock-social .fb {
  background: linear-gradient(160deg, #1877f2, #0e4fa3);
}
.landing-page .mock-social .ig {
  background: linear-gradient(160deg, #f77737, #c2185b);
}
.landing-page .mock-social .li {
  background: linear-gradient(160deg, #0a66c2, #073e77);
}
.landing-page .mock-social .status-on {
  background: rgba(255, 255, 255, 0.18);
}
.landing-page {
  /* Mock: calendar */
}
.landing-page .mock-calendar {
  padding: 18px;
  background: #ffffff;
}
.landing-page .mock-calendar .cal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 700;
  color: #1f2430;
  margin-bottom: 12px;
}
.landing-page .mock-calendar .cal-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
}
.landing-page .mock-calendar .cal-cell {
  aspect-ratio: 1/0.8;
  border-radius: 6px;
  background: #f4f5f7;
  font-size: 9px;
  color: #9199a8;
  padding: 4px;
}
.landing-page .mock-calendar .cal-event {
  background: var(--warn);
  color: #1f2430;
}
.landing-page .mock-calendar .cal-highlight {
  background: rgba(0, 191, 165, 0.18);
  color: #0f766e;
  font-weight: 700;
}
.landing-page {
  /* Mock: operation modal */
}
.landing-page .mock-operation {
  padding: 20px;
  background: #10131c;
}
.landing-page .mock-operation .op-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 10px;
}
.landing-page .mock-operation .op-field {
  background: #171c28;
  border: 1px solid #262c3d;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 9.5px;
}
.landing-page .mock-operation .op-field label {
  display: block;
  color: #6b7280;
  font-size: 8.5px;
  text-transform: uppercase;
  margin-bottom: 4px;
  letter-spacing: 0.03em;
}
.landing-page .mock-operation .op-field span {
  color: #e6e8ee;
  font-weight: 600;
}
.landing-page .mock-operation .op-payment {
  margin-top: 14px;
  background: #171c28;
  border: 1px solid #262c3d;
  border-radius: 8px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.landing-page .mock-operation .op-payment span:first-child {
  font-size: 10.5px;
  color: #e6e8ee;
  font-weight: 600;
}
.landing-page .mock-operation .op-payment span:last-child {
  color: var(--ok);
  font-weight: 700;
  font-size: 12px;
}
.landing-page {
  /* ---------------- CTA final ---------------- */
}
.landing-page .cta-final .cta-card {
  position: relative;
  background: linear-gradient(135deg, rgba(0, 191, 165, 0.14), rgba(37, 99, 235, 0.1));
  border: 1px solid rgba(0, 191, 165, 0.25);
  border-radius: 24px;
  padding: 72px 40px;
  text-align: center;
  overflow: hidden;
}
.landing-page .cta-final .cta-card h2 {
  font-size: clamp(1.8rem, 3.6vw, 2.6rem);
  font-weight: 700;
  margin-bottom: 16px;
}
.landing-page .cta-final .cta-card p {
  color: var(--text-muted);
  font-size: 16px;
  max-width: 520px;
  margin: 0 auto 30px;
}
.landing-page .cta-final .cta-card .cta-actions {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}
.landing-page .cta-final .cta-card .cta-note {
  margin-top: 18px;
  font-size: 12.5px;
  color: var(--text-muted);
}
.landing-page {
  /* ---------------- Footer ---------------- */
}
.landing-page .landing-footer {
  border-top: 1px solid var(--border-color);
  padding: 56px 0 28px;
}
.landing-page .landing-footer .footer-top {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 40px;
  padding-bottom: 40px;
}
.landing-page .landing-footer .footer-brand p {
  margin-top: 14px;
  color: var(--text-muted);
  font-size: 14px;
  line-height: 1.7;
  max-width: 320px;
}
.landing-page .landing-footer .footer-col h5 {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-muted);
  margin-bottom: 16px;
  font-weight: 600;
}
.landing-page .landing-footer .footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.landing-page .landing-footer .footer-col a {
  font-size: 14px;
  color: var(--text-main);
  opacity: 0.85;
  transition: opacity 0.2s ease;
}
.landing-page .landing-footer .footer-col a:hover {
  opacity: 1;
  color: var(--teal-light);
}
.landing-page .landing-footer .footer-bottom {
  border-top: 1px solid var(--border-color);
  padding-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 13px;
  color: var(--text-muted);
}
.landing-page .landing-footer .footer-gk {
  font-weight: 700;
  background: linear-gradient(45deg, #3b82f6, #8b5cf6, #ec4899, #3b82f6);
  background-size: 300% 300%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gkShift 5s ease infinite;
}
@keyframes gkShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.landing-page {
  /* ---------------- Responsive ---------------- */
}
@media (max-width: 1024px) {
  .landing-page .features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .landing-page .rubros-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .landing-page .showcase-row {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .landing-page .showcase-row.reverse .showcase-copy {
    order: 1;
  }
  .landing-page .showcase-row.reverse .showcase-visual {
    order: 2;
  }
  .landing-page .footer-top {
    grid-template-columns: 1fr 1fr;
  }
  .landing-page .footer-brand {
    grid-column: 1/-1;
  }
}
@media (max-width: 768px) {
  .landing-page .landing-nav .nav-links {
    display: none;
  }
  .landing-page .landing-nav .nav-links.is-open {
    display: flex;
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    flex-direction: column;
    gap: 0;
    background: rgba(9, 9, 11, 0.97);
    border-bottom: 1px solid var(--border-color);
    padding: 8px 24px 16px;
  }
  .landing-page .landing-nav .nav-links.is-open a {
    padding: 12px 0;
    border-bottom: 1px solid var(--border-color);
  }
  .landing-page .landing-nav .nav-links.is-open a:last-child {
    border-bottom: none;
  }
  .landing-page .landing-nav .nav-toggle {
    display: flex;
  }
  .landing-page .landing-nav .nav-actions {
    gap: 8px;
  }
  .landing-page .landing-nav .btn {
    padding: 9px 14px;
    font-size: 13px;
  }
  .landing-page .hero {
    padding: 56px 0 24px;
  }
  .landing-page .features-grid {
    grid-template-columns: 1fr;
  }
  .landing-page .rubros-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .landing-page .section {
    padding: 64px 0;
  }
  .landing-page .cta-final .cta-card {
    padding: 48px 24px;
  }
  .landing-page .footer-top {
    grid-template-columns: 1fr;
  }
  .landing-page .hero-visual {
    transform: none;
  }
  .landing-page .mock-social {
    grid-template-columns: 1fr;
  }
  .landing-page .op-row {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 480px) {
  .landing-page .landing-nav .brand-nexora {
    display: none;
  }
  .landing-page .landing-nav .nav-actions {
    gap: 6px;
  }
  .landing-page .landing-nav .nav-actions .btn i {
    display: none;
  }
  .landing-page .landing-nav .btn {
    padding: 8px 12px;
    font-size: 12px;
  }
  .landing-page .landing-nav .nav-toggle {
    width: 36px;
    height: 36px;
    font-size: 18px;
  }
}

.v-treeview-node__root > button {
  color: white !important;
}

.v-treeview-node__root > .v-treeview-node__content > .v-treeview-node__prepend > i {
  color: white !important;
}

.v-treeview-node__root > .v-treeview-node__content > .v-treeview-node__label {
  color: white !important;
}

.v-list-item__subtitle {
  color: white !important;
}

header {
  background-color: #36344d !important;
}

.menu {
  background: linear-gradient(180deg, rgba(9, 32, 63, 0.87) 77%, rgba(47, 0, 255, 0.075)) !important;
}

.v-expansion-panel-title {
  font-size: 12px;
}

.vappbar {
  background-color: rgba(9, 32, 63, 0.6509803922) !important;
}

.fondobody {
  background-repeat: round;
  min-height: 750px;
}

.btnmenu:hover {
  background-color: rgba(50, 50, 255, 0);
  cursor: pointer;
}

.btnmenu > button {
  font-size: 12px;
}

.v-expansion-panel-text__wrapper {
  text-align: start;
  padding: 8px 19px 16px;
}

.btnHeader {
  background-color: rgba(18, 96, 25, 0.7411764706);
  color: #fff;
}

.btnHeader:hover {
  background-color: rgba(18, 96, 24, 0.4117647059);
  color: #fff;
}

.btnDelegate {
  background-color: rgba(18, 96, 25, 0.7411764706) !important;
  color: #ffffff !important;
  left: 0px;
  top: 0px !important;
  font-size: 10px;
}

.btnDelegate:hover {
  background-color: rgba(18, 96, 24, 0.4117647059) !important;
}

.btnDelegatetitulo {
  background-color: #673de6 !important;
  color: #ffffff !important;
  left: 0px;
  top: 0px !important;
}

.btnDelegatetitulo:hover {
  background-color: rgba(103, 61, 230, 0.7607843137) !important;
}

.btnDelegateDelete {
  background-color: #e63d3d !important;
  color: #ffffff !important;
  left: 0px;
  top: 0px !important;
  font-size: 10px;
}

.btnDelegateDelete:hover {
  background-color: rgba(230, 61, 61, 0.7607843137) !important;
}

.form-control-fecha {
  display: block;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2823529412);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.1475rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control-fecha > .v-input {
  width: 100% !important;
  display: inline;
}

.form-control-fecha:hover {
  border-color: #673de6;
}

.form-control-fecha > label {
  color: #673de6 !important;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2823529412);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.1475rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.GKTabla {
  margin: 0px !important;
  font-family: Arial, Helvetica, sans-serif;
}

.GKTabla > thead > tr > th {
  font-size: 14px !important;
  color: #06040c;
}

.GKTabla > thead > tr > th:hover {
  color: #673de6;
}

.GKTabla > tbody > tr > td {
  font-size: 12px !important;
}

.GKTabla > tbody > tr:hover td {
  color: #ffffff;
}

.divTabla {
  border-left: 1px solid rgba(90, 90, 90, 0.562);
}

.dropdown {
  font-size: 12px;
  font-family: "";
  width: 10%;
  text-align: center;
}

.dropdown:hover {
  border-bottom: 1px solid #673de6;
}

#dropdownMenu2 {
  font-size: 12px;
}

/* Personalizados */
.modal-all {
  max-width: 100%;
  height: 100%;
  margin: auto !important;
}

.title-Modal {
  background-color: #09203f !important;
  text-align: start;
  color: #ffffff !important;
}

.modalCardClass {
  box-shadow: 0px 0px 10px #09203f !important;
}

.labelAutorizacion > div > div > div > div > div > input {
  color: #171a25 !important;
  font-size: 20px !important;
}

.v-card__actions {
  background-color: #09203f;
}

.v-card__actions > button > span {
  color: #ffffff !important;
}

.v-card-text {
  background-color: #09203f;
  color: #ffffff;
}

/* Global sleek scrollbar styles for webkit browsers */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

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

::-webkit-scrollbar-thumb {
  background: rgba(121, 121, 121, 0.3);
  border-radius: 20px;
  border: 1px solid transparent;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(121, 121, 121, 0.5);
}

/* Firefox scrollbar support */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(121, 121, 121, 0.3) transparent;
}

/* Specific scrollable containers */
.divscroll, .divscrollJuan, .contenedor-main {
  overflow: auto;
  box-sizing: border-box;
  scrollbar-width: thin;
}

/* Light background scrollbars for tables / white card areas */
.divscrollJuan::-webkit-scrollbar-thumb,
.divscroll::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.18);
}

.divscrollJuan::-webkit-scrollbar-thumb:hover,
.divscroll::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}

.divscrollJuan {
  background-color: #ffffff !important;
}

.btnPdf {
  color: #000 !important;
  caret-color: #000 !important;
  background-color: rgb(255, 255, 255);
}

.btnExel {
  color: #000 !important;
  caret-color: #000 !important;
  background-color: rgb(255, 255, 255);
}

.borderClasGK {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(17, 116, 172, 0.568627451);
}

.tamañoLogoencabezado {
  width: 10px;
}

.form-control {
  display: block !important;
  width: 100% !important;
  padding: 0.1rem 0.1rem !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: #040b13 !important;
  background-color: #fff !important;
  background-clip: padding-box !important;
  border: 1px solid rgba(0, 0, 0, 0.527) !important;
  border-radius: 0.1475rem !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

.btn:hover {
  color: black !important;
}

.btn {
  display: inline-block !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #212529 !important;
  text-align: center !important;
  text-decoration: none !important;
  /* vertical-align: middle !important; */
  cursor: pointer !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
  border: 1px solid transparent !important;
  padding: 0.1rem 0.1rem !important;
  font-size: 1.01rem !important;
  border-radius: 0.25rem !important;
  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 !important;
}

#form-buscar {
  margin: 0px !important;
  width: 99% !important;
}

.mb-3 {
  margin-bottom: 0px !important;
}

.text-muted {
  color: #000000 !important;
}

/* Modificamos el hr para que tenga un margin de 0.2rem*/
hr {
  margin: 0.2rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

/* Aqui agregamos el tamaño de los bordes de las columnas de los row*/
.v-col-xxl,
.v-col-xxl-auto,
.v-col-xxl-12,
.v-col-xxl-11,
.v-col-xxl-10,
.v-col-xxl-9,
.v-col-xxl-8,
.v-col-xxl-7,
.v-col-xxl-6,
.v-col-xxl-5,
.v-col-xxl-4,
.v-col-xxl-3,
.v-col-xxl-2,
.v-col-xxl-1,
.v-col-xl,
.v-col-xl-auto,
.v-col-xl-12,
.v-col-xl-11,
.v-col-xl-10,
.v-col-xl-9,
.v-col-xl-8,
.v-col-xl-7,
.v-col-xl-6,
.v-col-xl-5,
.v-col-xl-4,
.v-col-xl-3,
.v-col-xl-2,
.v-col-xl-1,
.v-col-lg,
.v-col-lg-auto,
.v-col-lg-12,
.v-col-lg-11,
.v-col-lg-10,
.v-col-lg-9,
.v-col-lg-8,
.v-col-lg-7,
.v-col-lg-6,
.v-col-lg-5,
.v-col-lg-4,
.v-col-lg-3,
.v-col-lg-2,
.v-col-lg-1,
.v-col-md,
.v-col-md-auto,
.v-col-md-12,
.v-col-md-11,
.v-col-md-10,
.v-col-md-9,
.v-col-md-8,
.v-col-md-7,
.v-col-md-6,
.v-col-md-5,
.v-col-md-4,
.v-col-md-3,
.v-col-md-2,
.v-col-md-1,
.v-col-sm,
.v-col-sm-auto,
.v-col-sm-12,
.v-col-sm-11,
.v-col-sm-10,
.v-col-sm-9,
.v-col-sm-8,
.v-col-sm-7,
.v-col-sm-6,
.v-col-sm-5,
.v-col-sm-4,
.v-col-sm-3,
.v-col-sm-2,
.v-col-sm-1,
.v-col,
.v-col-auto,
.v-col-12,
.v-col-11,
.v-col-10,
.v-col-9,
.v-col-8,
.v-col-7,
.v-col-6,
.v-col-5,
.v-col-4,
.v-col-3,
.v-col-2,
.v-col-1 {
  width: 100% !important;
  padding: 9px !important;
}

hr {
  color: rgba(255, 255, 255, 0);
}

/* Botones */
.btnHeaderdelete {
  background-color: rgba(255, 255, 255, 0.8941176471) !important;
  border: 1px solid rgba(8, 1, 1, 0.8705882353) !important;
  color: rgba(8, 1, 1, 0.8705882353);
}
.btnHeaderdelete .v-btn--variant-elevated, .btnHeaderdelete .v-btn--variant-flat {
  background-color: rgba(191, 24, 24, 0.4156862745) !important;
  border: 1px solid rgba(63, 9, 9, 0.4156862745) !important;
  color: #fff;
}

.btnHeaderdelete:hover {
  background-color: rgba(185, 25, 25, 0.6196078431) !important;
  border: 1px solid rgba(185, 25, 25, 0.6196078431) !important;
  color: white;
}
.btnHeaderdelete:hover .v-btn--variant-elevated, .btnHeaderdelete:hover .v-btn--variant-flat {
  background-color: rgba(191, 24, 24, 0.4156862745) !important;
  border: 1px solid rgba(63, 9, 9, 0.4156862745) !important;
  color: #fff;
}

.btnHeader {
  background-color: rgba(24, 97, 191, 0.4156862745) !important;
  border: 1px solid rgba(9, 32, 63, 0.4156862745) !important;
  font-weight: 900 !important;
  color: #fff;
}
.btnHeader span {
  font-weight: 900 !important;
}

.btnHeader:hover {
  background-color: #55708b !important;
  border: 1px solid rgba(18, 37, 96, 0.4117647059);
  color: #ffffff !important;
}

/* Fin Botones */
/* Filtro */
.filtro {
  background-color: rgba(255, 255, 255, 0);
  width: 100%;
}
.filtro button {
  background-color: #093663 !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  border: 1px solid #000000 !important;
  border-radius: 5px !important;
}
.filtro input, .filtro select {
  background-color: rgba(68, 68, 68, 0) !important;
  color: #000000 !important;
  font-weight: 900 !important;
  border: 1px solid #232323 !important;
  border-radius: 5px !important;
  padding: 0.1rem 0.1rem !important;
}
.filtro input::placeholder, .filtro select::placeholder {
  color: #4f4f4f; /* Cambia este color al que quieras */
}

/* Fin Filtro*/
/* Paginado de Tabla */
.pagination {
  justify-content: center !important;
  display: flex;
  padding-left: 0;
  list-style: none;
}
.pagination .page-item .page-link {
  background-color: rgba(1, 15, 28, 0);
  color: #023371;
  font-weight: 900;
}
.pagination .page-item:hover .page-link {
  background-color: #010f1c !important;
  color: #ffffff !important;
}

/* Tabla */
.tablaJuanClass {
  background-color: #002a61 !important;
  color: rgb(0, 0, 0) !important;
  height: auto !important; /* Allow table to fit its content instead of stretching awkwardly */
  border-radius: 5px !important;
}

.divscrollJuan {
  overflow: auto;
  box-sizing: border-box;
  padding: 0 0rem;
  background-color: #ffffff !important;
}

.GKTabla {
  height: auto !important; /* Allow table to fit its content */
  width: 99.7%;
}
.GKTabla thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
  padding: 0.5rem 0.5rem !important;
  background-color: #46525e !important;
  color: #ffffff !important;
  border-bottom: 1px solid #2c2d2e !important;
}
.GKTabla thead:nth-last-child(2) {
  border-right: 1px solid black;
}
.GKTabla tr td:nth-last-child(2) {
  border-right: 1px solid rgb(63, 63, 63);
}

.table-striped > tbody > tr:nth-of-type(odd) {
  color: rgb(1, 1, 1) !important;
}

.table > :not(caption) > * > * {
  padding: 0rem 0.5rem !important;
  background-color: rgba(87, 118, 149, 0.8705882353);
  color: #fff;
  border-bottom-width: 1px !important;
}

.totalPagina {
  background-color: #e4e4e4 !important;
  border-top: 1px solid rgba(93, 93, 93, 0.562) !important;
  color: #000000;
}
.totalPagina button {
  color: #000000 !important;
  font-weight: 500 !important;
}

/* Fin Tabla */
/* Menu */
.menuClass {
  border-radius: 5px !important;
}

.menu-container {
  background-color: rgba(33, 2, 72, 0.0352941176) !important; /* blanco limpio */
  padding: 10px 20px; /* más aire */
  position: relative;
  width: 100%;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important; /* sombra sutil elegante */
  border-bottom: 0px solid #e0e0e0; /* línea separadora */
  display: flex;
  align-items: center;
  z-index: 10;
}

.menu-container > div {
  justify-content: start !important;
  margin-left: 0%;
}

.menu-btn {
  height: 40px !important;
  background-color: #010f1c !important;
  color: #ffffff !important; /* negro más fuerte */
  font-weight: 900 !important; /* texto bien grueso */
  text-transform: uppercase !important;
  padding: 10px 20px !important;
  font-size: 14px !important;
  margin: 0 6px !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease-in-out !important;
  display: flex;
  align-items: center;
  gap: 8px;
}

.menu-btn:hover {
  background-color: #010f1c !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
  color: #ffffff;
}

/* Elementos del menú */
.menu-item {
  padding: 10px 20px;
  color: #f4f4f4;
  font-size: 14px;
  font-weight: 500;
  transition: background 0.25s ease-in-out;
  cursor: pointer;
}

.menu-item:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.menu-dropdown {
  background-color: #1e1e2f;
  border-radius: 10px;
  padding: 8px 0;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
  min-width: 200px;
  z-index: 1000;
}

/* Fin Elementos del menú */
/* Fin Menu */
/* Ícono */
.icon {
  color: #006eff !important;
  font-size: 20px;
}

/* Fin Ícono */
/* Detalle del menú */
.detalle {
  color: #010218 !important;
  font-size: 14px !important;
}

.v-list-item {
  color: #010218 !important;
  font-size: 14px !important;
  font-weight: 700;
  transition: color 0.3s ease-in-out;
}

.v-list-item:hover {
  color: #ffffff !important; /* color azul al hacer hover */
  background-color: #09155c !important;
}

/* Fin Detalle del menú */
/* Fondo ContenedorIndex */
.modalCardClass {
  background-color: rgba(24, 97, 191, 0.4156862745) !important;
}

.v-toolbar__content {
  height: 50px !important;
}

.fondobody {
  width: 100% !important;
  background-color: rgba(0, 0, 0, 0.7333333333);
}

/* Fin Fondo ContenedorIndex */
/* barra de modal CRUD */
.toolbar-gk .v-toolbar__content {
  height: 51px !important;
  color: #fff;
  background-color: rgba(24, 97, 191, 0.4156862745) !important;
}

.v-tabs {
  color: #fff !important;
  background-color: #09203f !important;
}

.v-card-text {
  background-color: #e0e0e0 !important;
  color: #000000;
}

/* Fin Barra modal Crud */
/* Estilo Modales */
.title-Modal {
  background-color: #f5f5f5 !important;
  font-size: 15px !important;
}

.title-Modal > div > .v-btn--icon {
  font-size: 25px;
  color: rgba(30, 30, 30, 0.7843137255);
  font-weight: 100 !important; /* más fino */
}

.modalCardClass > .title-Modal {
  text-align: start;
  color: rgba(30, 30, 30, 0.7843137255) !important;
  box-shadow: 0px 0px 10px #000000 !important;
}

.v-card {
  background-color: #e8e8e8 !important;
  color: white !important;
}

.v-card-actions {
  background-color: rgba(255, 255, 255, 0.8470588235) !important;
  color: white !important;
}

/* Fin Estilo Modales */
/* boton delegados */
.btnCrud {
  background-color: rgba(10, 39, 78, 0.9215686275) !important;
  color: #ffffff !important;
  left: 0;
  top: 0 !important;
}

.btnDelegate {
  background-color: #ffffff !important;
  border: 1px solid rgba(8, 1, 1, 0.8705882353) !important;
  color: rgba(8, 1, 1, 0.8705882353) !important;
  font-weight: 900 !important;
}

.btnDelegate:hover {
  background-color: #3de640 !important;
  border: 1px solid #3de640;
  color: #ffffff !important;
}

.btnDelegatetitulo {
  background-color: #673de6 !important;
  color: #ffffff !important;
  left: 0px;
  top: 0px !important;
}

.btnDelegatetitulo:hover {
  background-color: rgba(103, 61, 230, 0.7607843137) !important;
}

.btnDelegateDelete {
  background-color: #e63d3d !important;
  color: #ffffff !important;
  left: 0px;
  top: 0px !important;
  font-size: 10px;
}

.btnDelegateDelete:hover {
  background-color: rgba(230, 61, 61, 0.7607843137) !important;
}

/* Fin boton delegados */
/* Boton limpiar */
.btnlimpiar {
  color: #673de6 !important;
}

/* Fin Boton Limpiar */
/* Barra titulo */
.vappbar {
  background-color: rgba(225, 227, 229, 0.8196078431) !important;
  height: 50px;
}

.v-main {
  --v-layout-top:38px !important;
}

/* Footer App */
.footerApp {
  background-color: #04101f !important;
  color: rgb(255, 255, 255);
}

/* Load */
.load {
  background-color: rgba(14, 34, 61, 0.9490196078) !important;
  color: white !important;
}

.progress {
  color: #ffffff;
}

.v-overlay.v-snackbar,
.v-snackbar {
  z-index: 10000 !important;
}
/* Diseño Moderno, Amable y Profesional (UI/UX Optimizado) */
.GKTabla__container[data-v-70e52e7b] {
  /* Paleta cromática — variables accesibles por toolbar y tabla */
  --gkt-bg: #ffffff;
  --gkt-header-bg: #f8fafc;
  --gkt-border: #e2e8f0;
  --gkt-text-primary: #000000;
  --gkt-text-secondary: #626262;
  --gkt-stripe-bg: #69696418;
  --gkt-accent: #36ece3;
  --gkt-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);

  width: 100%;
  max-height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

/* Botón tuerca de configuración de columnas dentro del footer */
.GKTabla__col-toggle-btn[data-v-70e52e7b] {
  border-radius: 50% !important;
  opacity: 0.9;
  transition: all 0.2s ease-in-out !important;
}
.GKTabla__col-toggle-btn[data-v-70e52e7b]:hover {
  opacity: 1;
  background-color: #334155 !important;
  border-color: #38bdf8 !important;
  transform: rotate(30deg);
}
.GKTabla__col-item[data-v-70e52e7b]:hover {
  background-color: #1e293b !important;
}
.GKTabla[data-v-70e52e7b] {
  width: 100%;
  height: auto;
  max-height: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-family: var(--app-font-family, 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif);
  font-size: 0.875rem;
  color: var(--tabla-text-color, #e2e8f0);
  background-color: var(--tabla-bg, #0f172a);
  border: 1px solid var(--tabla-border-color, #1e293b);
  border-radius: 12px;
  overflow: auto;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: var(--tabla-shadow, 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -2px rgba(0, 0, 0, 0.5));
}
.GKTabla[data-v-70e52e7b]:hover {
  border-color: var(--tabla-border-hover, var(--buscador-border-open, #334155));
  box-shadow: var(--tabla-shadow-hover, 0 10px 15px -3px rgba(0, 0, 0, 0.7), 0 4px 6px -4px rgba(0, 0, 0, 0.7));
}
.GKTabla__thead[data-v-70e52e7b] {
  position: sticky;
  top: 0;
  z-index: 5;
}
[data-v-70e52e7b] .v-table__wrapper > table > thead > tr > th,
.GKTabla__th[data-v-70e52e7b] {
  border-right: 1px solid var(--tabla-grid-border, #334155) !important;
  border-bottom: 1px solid var(--tabla-grid-border, #334155) !important;
}
[data-v-70e52e7b] .v-table__wrapper > table > thead > tr > th:last-child,
.GKTabla__th[data-v-70e52e7b]:last-child {
  border-right: none !important;
}

/* Rounded corners for cells on border-collapse: separate */
.GKTabla__th[data-v-70e52e7b]:first-child {
  border-top-left-radius: 12px;
}
.GKTabla__th[data-v-70e52e7b]:last-child {
  border-top-right-radius: 12px;
}
.GKTabla__th--sortable[data-v-70e52e7b]:hover {
  background-color: var(--tabla-header-hover-bg, #334155);
  color: var(--tabla-header-text-hover, #f8fafc) !important;
}
.GKTabla__sort-icon[data-v-70e52e7b] {
  margin-left: 0.35rem;
  cursor: pointer;
  opacity: 0.35;
  transition: opacity 0.2s ease, color 0.2s ease, transform 0.2s ease;
  vertical-align: middle;
}
.GKTabla__th--sortable:hover .GKTabla__sort-icon[data-v-70e52e7b],
.GKTabla__sort-icon--active[data-v-70e52e7b] {
  opacity: 1;
  color: var(--tabla-primary-color, #38bdf8) !important;
}
.GKTabla__sort-icon[data-v-70e52e7b]:hover {
  transform: scale(1.15);
}
.GKTabla__tbody[data-v-70e52e7b] {
  background-color: var(--tabla-body-bg, #0f172a);
}
.GKTabla__row[data-v-70e52e7b] {
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.GKTabla__row[data-v-70e52e7b]:nth-child(odd) {
  background-color: var(--tabla-row-alt-bg, #1e293b);
}
.GKTabla__row[data-v-70e52e7b]:nth-child(even) {
  background-color: var(--tabla-row-bg, #0f172a);
}
.GKTabla__row[data-v-70e52e7b]:hover,
.GKTabla__row.bg-info[data-v-70e52e7b] {
  background-color: var(--tabla-row-hover-bg, rgba(56, 189, 248, 0.1)) !important;
}
.GKTabla__row[data-v-70e52e7b] .bg-info {
  color: inherit;
}
[data-v-70e52e7b] .v-table__wrapper > table > tbody > tr > td,
.GKTabla__td[data-v-70e52e7b] {
  padding: 0.8rem 1.15rem;
  border-bottom: 1px solid var(--tabla-cell-border, #334155) !important;
  border-right: 1px solid var(--tabla-grid-border, #334155) !important;
  color: var(--tabla-cell-text, #cbd5e1);
  line-height: 1.5;
  font-weight: 400;
  background-color: transparent;
  vertical-align: middle;
}
[data-v-70e52e7b] .v-table__wrapper > table > tbody > tr > td:last-child,
.GKTabla__td[data-v-70e52e7b]:last-child {
  border-right: none !important;
}
.GKTabla__td[data-v-70e52e7b] a {
  color: var(--tabla-link-color, #38bdf8);
  font-weight: 500;
  text-decoration: none;
}
.GKTabla__td[data-v-70e52e7b] a:hover {
  text-decoration: underline;
}
.GKTabla__tbody tr:last-child .GKTabla__td[data-v-70e52e7b] {
  border-bottom: none !important;
}
.GKTabla__tbody tr:last-child td[data-v-70e52e7b]:first-child {
  border-bottom-left-radius: 12px;
}
.GKTabla__tbody tr:last-child td[data-v-70e52e7b]:last-child {
  border-bottom-right-radius: 12px;
}
.GKTabla__tfoot[data-v-70e52e7b] {
  background: var(--tabla-footer-bg, #1e293b);
}
.GKTabla__footCell[data-v-70e52e7b] {
  padding: 0.95rem 1.25rem;
  border-top: 1px solid var(--tabla-footer-border, #334155);
  text-align: left;
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--tabla-footer-text, #94a3b8);
  background: transparent;
}
.GKTabla__tfoot tr:last-child td[data-v-70e52e7b]:first-child {
  border-bottom-left-radius: 12px;
}
.GKTabla__tfoot tr:last-child td[data-v-70e52e7b]:last-child {
  border-bottom-right-radius: 12px;
}
.GKTabla__footContent[data-v-70e52e7b] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.65rem;
  width: 100%;
}
.GKTabla__footLabel[data-v-70e52e7b] {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.7rem;
  color: var(--tabla-footer-label, #64748b);
}
.GKTabla__footValue[data-v-70e52e7b] {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--tabla-footer-highlight, #526dff);
  background: var(--tabla-footer-chip-bg, rgba(82, 109, 255, 0.08));
  border-radius: 6px;
  padding: 0.2rem 0.6rem;
  line-height: 1;
  border: 1px solid rgba(82, 109, 255, 0.15);
}
@media (max-width: 768px) {
.GKTabla[data-v-70e52e7b] {
    font-size: 0.82rem;
    border-radius: 8px;
}
.GKTabla__th[data-v-70e52e7b],
  .GKTabla__td[data-v-70e52e7b] {
    padding: 0.75rem 0.85rem;
}
}

[data-v-38bc0ab5]:root {
  --table-border: #e2e8f0;
  --table-header-bg: #f8fafc;
  --table-header-text: #64748b;
  --table-row-hover: #f1f5f9;
  --table-text: #334155;
  --primary-color: #3b82f6;
}
.GKTabla__container[data-v-38bc0ab5] {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
}
.GKTabla[data-v-38bc0ab5] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-collapse: collapse;
  border-spacing: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.875rem;
  color: var(--table-text);
  background-color: #fff;
}

/* Header */
.GKTabla__thead[data-v-38bc0ab5] {
  display: table;
  width: 100%;
  table-layout: fixed;
  background: #f1f5f9; 
  border-bottom: 1px solid var(--table-border);
}
.GKTabla__thead tr[data-v-38bc0ab5] {
  display: table-row;
  width: 100%;
}
.GKTabla__th[data-v-38bc0ab5] {
  padding: 0.65rem 1rem;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #1e293b !important;
  border-bottom: 1px solid #334155;
  border-right: 1px solid #334155;
  white-space: nowrap;
  background: #f1f5f9;
  text-align: center !important;
  user-select: none;
}
.GKTabla__th[data-v-38bc0ab5]:last-child {
  border-right: none;
}
.GKTabla__thContent[data-v-38bc0ab5] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  vertical-align: middle;
}
.GKTabla__sortIcon img[data-v-38bc0ab5] {
  width: 14px;
  height: 14px;
  opacity: 0.4;
  filter: brightness(0) saturate(100%);
  transition: all 0.2s ease;
}
.GKTabla__sortIcon:hover img[data-v-38bc0ab5],
.GKTabla__sortIcon img.active[data-v-38bc0ab5] {
  opacity: 1;
  transform: scale(1.1);
}
.GKTabla__sortIcon[data-v-38bc0ab5] {
  display: flex;
  align-items: center;
}
/* Body */
.GKTabla__tbody[data-v-38bc0ab5] {
  background-color: #fff;
  overflow-y: auto;
  flex: 1;
  display: block; /* Necesario para scroll interno no cambiar!! */
}
.GKTabla__tbody tr[data-v-38bc0ab5] {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.GKTabla__row[data-v-38bc0ab5] {
  transition: background-color 0.15s ease;
  cursor: pointer;
  border-bottom: 1px solid #334155;
}
.GKTabla__row[data-v-38bc0ab5]:nth-child(even) {
  background-color: #ababab4f;
}
.GKTabla__row--hover[data-v-38bc0ab5],
.GKTabla__row[data-v-38bc0ab5]:hover {
  background-color: lch(60.06% 28.25 205.17 / 0.521) !important;
}
.GKTabla__td[data-v-38bc0ab5] {
  padding: 0.45rem 1rem;
  color: #1e293b;
  font-weight: 400;
  vertical-align: middle;
  border-bottom: 1px solid #334155;
  border-right: 1px solid #334155;
}
.GKTabla__td[data-v-38bc0ab5]:last-child {
  border-right: none;
}

/* Links dentro de la tabla */
.GKTabla__td[data-v-38bc0ab5] a {
  color: var(--primary-color);
  text-decoration: none;
  font-weight: 500;
}
.GKTabla__td[data-v-38bc0ab5] a:hover {
  text-decoration: underline;
}

/* Footer */
.GKTabla__tfoot[data-v-38bc0ab5] {
  background: #fff;
  display: table-footer-group;
  position: sticky;
  bottom: 0;
  z-index: 10;
  border-top: 1px solid var(--table-border);
}
.GKTabla__footCell[data-v-38bc0ab5] {
  padding: 0.75rem 1rem;
}
.GKTabla__footContent[data-v-38bc0ab5] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}
.GKTabla__footLabel[data-v-38bc0ab5] {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #64748b;
}
.GKTabla__footValue[data-v-38bc0ab5] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #0f172a;
  background: #f1f5f9;
  padding: 2px 10px;
  border-radius: 99px;
}
.GKTabla__tbody[data-v-38bc0ab5]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.GKTabla__tbody[data-v-38bc0ab5]::-webkit-scrollbar-track {
  background: transparent;
}
.GKTabla__tbody[data-v-38bc0ab5]::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}
.GKTabla__tbody[data-v-38bc0ab5]::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

.FiltroPanel[data-v-b48a9d88] {
  font-family: var(--app-font-family, 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif);
  border-radius: 5px;
  background: var(--buscador-bg, #ffffff);
  border: 1px solid var(--buscador-border, #d9e2f3);
  padding: var(--buscador-padding, 0.65rem 0.85rem 0.75rem);
  box-shadow: 0 0px 1px 1 rgb(51, 53, 62);
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
.FiltroPanel.is-open[data-v-b48a9d88] {
  border-color: var(--buscador-border-open, #526dff);
  box-shadow: var(--buscador-shadow-open, 0 22px 48px -28px rgba(82, 109, 255, 0.38));
}
.FiltroPanel__summary[data-v-b48a9d88] {
  cursor: pointer;
  user-select: none;
  position: relative;
  gap: 0.35rem;
  padding: var(--buscador-summary-padding, 0.45rem 0.4rem 0.45rem 0.2rem);
  margin-left: 0.25rem;
  color: var(--buscador-summary-color, #1f2937);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.FiltroPanel__summary[data-v-b48a9d88]::after {
  content: '';
  width: 32px;
  height: 2px;
  border-radius: 999px;
  background: var(--buscador-summary-underline, rgba(82, 109, 255, 0.35));
  position: absolute;
  left: 0.25rem;
  bottom: 0.35rem;
  transition: background 0.3s ease, width 0.3s ease;
}
.FiltroPanel.is-open .FiltroPanel__summary[data-v-b48a9d88]::after {
  width: 48px;
  background: var(--buscador-summary-underline-active, rgba(82, 109, 255, 0.55));
}
.FiltroPanel__summary[data-v-b48a9d88]::-webkit-details-marker {
  display: none;
}
.FiltroPanel__icon[data-v-b48a9d88],
.FiltroPanel__summaryIcon[data-v-b48a9d88] {
  color: var(--buscador-summary-icon-color, #526dff);
  font-size: 1.2rem;
  transition: transform 0.3s ease;
}
.FiltroPanel.is-open .FiltroPanel__summaryIcon[data-v-b48a9d88] {
  transform: rotate(180deg);
}
.FiltroPanel__title[data-v-b48a9d88] {
  font-size: var(--buscador-title-font-size, 0.95rem);
  font-weight: 600;
  color: inherit;
}
.FiltroPanel__card[data-v-b48a9d88] {
  border-radius: 14px;
  border: none;
  background: var(--buscador-card-bg, #ffffff);
  box-shadow: var(--buscador-card-shadow, inset 0 0 0 1px rgba(82, 109, 255, 0.08));
  padding: var(--buscador-card-padding, 0.85rem 0.75rem);
}
.FiltroPanel__form[data-v-b48a9d88] {
  width: 100%;
}
.FiltroPanel__grid[data-v-b48a9d88] {
  row-gap: 0.95rem;
  /*column-gap: 0.55rem;*/ /* Espaciado entre columnas gestionado por Bootstrap */
  align-items: end;
}
.FiltroPanel__field[data-v-b48a9d88] {
  min-width: 180px;
  color: var(--buscador-field-text, #1f2937);
}
.FiltroPanel__inputGroup[data-v-b48a9d88] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
.FiltroPanel__control[data-v-b48a9d88] {
  border-radius: 12px;
  border: 1px solid var(--buscador-control-border, #d0d7e6);
  background: var(--buscador-control-bg, rgba(255, 255, 255, 0.85));
  color: var(--buscador-control-text, #111827);
  font-size: 0.92rem;
  padding: 0.65rem 0.75rem;
  box-shadow: inset 0 1px 1px rgba(17, 24, 39, 0.04);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.FiltroPanel__control[data-v-b48a9d88]:focus,
.FiltroPanel__control[data-v-b48a9d88]:active {
  border-color: var(--buscador-control-focus, #526dff);
  outline: none;
  box-shadow: 0 0 0 3px rgba(82, 109, 255, 0.18);
  transform: translateY(-1px);
}
.FiltroPanel__control[data-v-b48a9d88]::placeholder {
  color: var(--buscador-placeholder, #6b7280);
}
.FiltroPanel__cita[data-v-b48a9d88] {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: block;
  font-size: 0.75rem;
  color: #718096; /* Gris neutro sutil */
  margin-top: 0.35rem;
  padding-left: 0.2rem;
  font-weight: 500;
  opacity: 0.85;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.FiltroPanel__actions[data-v-b48a9d88] {
  gap: 0.55rem;
  justify-content: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
}
[data-v-b48a9d88] .FiltroPanel__button {
  border-radius: 999px;
  text-transform: none;
  font-weight: 500;
  letter-spacing: 0.01em;
  padding-inline: 0.65rem;
  min-height: 28px;
  font-size: 0.76rem;
  box-shadow: var(--buscador-button-shadow, 0 8px 18px -18px rgba(82, 109, 255, 0.45));
}
[data-v-b48a9d88] .FiltroPanel__button .v-icon {
  margin-right: 0.25rem;
  font-size: 0.9rem;
}
[data-v-b48a9d88] .FiltroPanel__button.v-btn--variant-contained {
  background: var(--buscador-button-primary-bg, linear-gradient(135deg, #526dff 0%, #758bff 100%));
  box-shadow: var(--buscador-button-shadow, 0 8px 18px -18px rgba(82, 109, 255, 0.45));
}
[data-v-b48a9d88] .FiltroPanel__button.v-btn--variant-contained:hover {
  box-shadow: var(--buscador-button-shadow-hover, 0 9px 18px -20px rgba(82, 109, 255, 0.55));
}
[data-v-b48a9d88] .FiltroPanel__button.v-btn--variant-tonal {
  background: var(--buscador-button-secondary-bg, rgba(15, 23, 42, 0.06));
  color: var(--buscador-button-secondary-text, #374151);
}
.FiltroPanel__field select.FiltroPanel__control[data-v-b48a9d88] {
  background-image: var(
    --buscador-select-arrow,
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2712%27%20height%3D%2712%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23526dff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpolyline%20points%3D%276%209%2012%2015%2018%209%27/%3E%3C/svg%3E")
  );
  background-position: right 1rem center;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  padding-right: 2.75rem;
  appearance: none;
  cursor: pointer;
}
@media (max-width: 991px) {
.FiltroPanel__grid[data-v-b48a9d88] {
    row-gap: 0.85rem;
}
.FiltroPanel__actions[data-v-b48a9d88] {
    margin-top: 0.5rem;
}
}
@media (max-width: 576px) {
.FiltroPanel__summary[data-v-b48a9d88] {
    flex-direction: row;
    align-items: center;
    text-transform: none;
    letter-spacing: 0.02em;
}
.FiltroPanel__title[data-v-b48a9d88] {
    font-size: 0.9rem;
}
[data-v-b48a9d88] .FiltroPanel__button {
    width: 100%;
    justify-content: center;
    min-height: 26px;
    font-size: 0.74rem;
}
.FiltroPanel__actions[data-v-b48a9d88] {
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 0.6rem;
}
}

.global-confirm-card {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6) !important;
}
.global-confirm-cancel-btn:hover {
  background-color: #334155 !important;
  color: #f8fafc !important;
}
.alert-simple-container {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  width: min(480px, 90vw);
  z-index: 9999;
}
.alert-simple {
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}
.alert-snackbar {
  left: 50% !important;
  transform: translateX(-50%);
}
.alert-snackbar .v-snack__wrapper {
  min-width: min(640px, 94vw);
  max-width: min(760px, 94vw);
  border-radius: 16px;
}
.alert-snackbar .v-snack__content {
  width: 100%;
  justify-content: center;
  text-align: center;
}

/* Pro error bottom sheet styles */
.pro-error-sheet {
  width: 100vw !important;
  min-width: 320px;
  max-width: 100vw;
  border-radius: 18px 18px 0 0;
  box-shadow: 0 0 32px rgba(211,47,47,0.18);
  background: linear-gradient(90deg, #d32f2f 0%, #b71c1c 100%);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pro-error-content {
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 18px 16px 16px 20px;
  box-sizing: border-box;
}
.pro-error-icon {
  flex: 0 0 auto;
  margin-right: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pro-error-msg {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.pro-error-title {
  font-size: 1.18rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.5px;
  margin-bottom: 2px;
}
.pro-error-text {
  font-size: 1.04rem;
  color: #fff;
  font-weight: 400;
  opacity: 0.96;
}
.pro-error-close {
  flex: 0 0 auto;
  margin-left: 14px;
  background: #fff !important;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(211,47,47,0.12);
  transition: box-shadow .18s cubic-bezier(.5,1.8,.5,.8), transform .18s cubic-bezier(.5,1.8,.5,.8);
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.pro-error-close:hover {
  box-shadow: 0 4px 16px rgba(211,47,47,0.22);
  transform: scale(1.12);
}

.crud-card[data-v-3684741d] {
    display: flex;
    flex-direction: column;
    max-height: 92vh;
}
.crud-body[data-v-3684741d] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}
.crud-footer[data-v-3684741d] {
    flex-shrink: 0;
    display: list-item !important;
    justify-content: flex-end;
    background: #eef3f9 !important;
    color: #172033 !important;
    border-top: 1px solid rgba(15, 76, 129, 0.12);
}
[data-v-3684741d] .gk-crud-actions .v-btn {
    font-weight: 600;
}
[data-v-3684741d] .gk-crud-actions .v-btn.v-btn--variant-outlined {
    color: #475569 !important;
    border-color: #cbd5e1 !important;
    background-color: #ffffff !important;
}
[data-v-3684741d] .gk-crud-actions .v-btn.v-btn--variant-flat {
    color: #ffffff !important;
}

.btnHeader[data-v-c7763fc3] {
  background: linear-gradient(90deg, #1976d2 0%, #42a5f5 100%);
  color: #fff;
  border-radius: 8px;
  padding: 6px 10px;
  transition: transform .15s ease, box-shadow .15s ease;
}
.btnHeader[data-v-c7763fc3]:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(25, 118, 210, .25);
}
.modalCardClass[data-v-c7763fc3] {
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  overflow: hidden;
}
.modalToolbar[data-v-c7763fc3] {
  background: linear-gradient(90deg, #0d47a1 0%, #1976d2 100%);
  color: #fff;
}
.combobox-pro[data-v-c7763fc3] {
  margin-top: 10px;
}

/* Personalización del campo del combobox */
[data-v-c7763fc3] .combobox-pro .v-field {
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
}
[data-v-c7763fc3] .combobox-pro .v-field--variant-outlined .v-field__outline {
  --v-field-border-width: 1px;
}

/* Chips más prolijos */
[data-v-c7763fc3] .combobox-pro .v-chip {
  background: #e3f2fd;
  color: #0d47a1;
  font-weight: 500;
}

/* Ítems del menú */
[data-v-c7763fc3] .v-overlay-container .v-list .v-list-item {
  border-bottom: 1px dashed #efefef;
}
[data-v-c7763fc3] .v-overlay-container .v-list .v-list-item:last-child {
  border-bottom: none;
}

/* Botones del pie */
.v-card-actions .v-btn[data-v-c7763fc3] {
  border-radius: 8px;
}

/* Footer del modal */
.modalFooter[data-v-c7763fc3] {
  background: #0d47a1 !important; /* azul oscuro */
  color: #fff;
  padding: 8px 16px;
}
.footerBtn[data-v-c7763fc3] {
  color: #fff !important; /* texto blanco, sin fondo */
  font-weight: 600;
}
/* Evita overlay de hover con color indeseado en botones de texto */
[data-v-c7763fc3] .footerBtn .v-btn__overlay {
  background-color: transparent !important;
}

.crud-btn[data-v-c3332e48] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f5f7fa;
    color: #1976d2;
    border: none;
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 0.97rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    box-shadow: 0 1px 4px 0 #0001;
}
.crud-btn[data-v-c3332e48]:hover {
    background: #e3eafc;
    color: #0d47a1;
}
.crud-btn .v-icon[data-v-c3332e48] {
    font-size: 1.1rem;
    margin-right: 2px;
}
table[data-v-c3332e48-s] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    box-shadow: 0 2px 8px 0 #0001;
    border-radius: 8px;
    overflow: hidden;
}
table[data-v-c3332e48-s] thead {
    background: linear-gradient(90deg, #f5f7fa 0%, #e2e6ea 100%);
    color: #222;
    font-weight: 700;
    font-size: 1.05rem;
    letter-spacing: 0.02em;
    border-bottom: 2px solid #e0e0e0;
}
table[data-v-c3332e48-s] th {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 2px solid #e0e0e0;
}
table[data-v-c3332e48-s] tbody {
    background: #fff;
}
table[data-v-c3332e48-s] tr {
    transition: background 0.2s;
}
table[data-v-c3332e48-s] td {
    padding: 10px 16px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 0.98rem;
    color: #333;
}
table[data-v-c3332e48-s] tr:hover {
    background: #f5f7fa;
}
table[data-v-c3332e48-s] tr:last-child td {
    border-bottom: none;
}
.modelo-card[data-v-c3332e48] {
  background: #ffffff00;
  border-radius: 8px;
  box-shadow: 0 0px 0px 0 #0001;
  margin-bottom: 0px;
  padding: 0;
}
.modelo-content[data-v-c3332e48] {
  padding: 15px 18px 10px 18px;
}
.modelo-titulo[data-v-c3332e48] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #2a2a2a;
  letter-spacing: 0.02em;
  margin-left: 4px;
  margin-bottom: 0;
  font-family: 'Roboto', 'Segoe UI', Arial, sans-serif;
}
.modelo-subtitulo[data-v-c3332e48] {
  font-size: 1rem;
  color: #666;
  margin-bottom: 0;
  margin-top: 2px;
}
.modelo-body[data-v-c3332e48] {
  padding-top: 0 !important;
}


.ia-fab[data-v-d614ee2a] {
    position: fixed !important;
    right: 65px;
    top: -154%;
    bottom: 25px;
    z-index: 1300;
}
.ia-fab[data-v-d614ee2a]:hover {
    border-color: rgba(255, 255, 255, 0.55);
    transform: translateY(-1px);
}

.ia-title-wrap[data-v-2423b5d6] {
  display: flex;
  align-items: center;
  font-weight: 700;
  letter-spacing: 0.4px;
}
.ia-chat-shell[data-v-2423b5d6] {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 190px);
  min-height: 100%;
  background: linear-gradient(180deg, #101213 0%, #0d0f10 100%);
  border: 1px solid rgba(245, 245, 245, 0.16);
  border-radius: 12px;
  overflow: hidden;
}
.ia-hidden-input[data-v-2423b5d6] {
  display: none;
}
.ia-chat-messages[data-v-2423b5d6] {
  flex: 1;
  overflow-y: auto;
  padding: 18px;
}
.ia-row[data-v-2423b5d6] {
  display: flex;
  margin-bottom: 14px;
}
.ia-row.user[data-v-2423b5d6] {
  justify-content: flex-end;
}
.ia-row.assistant[data-v-2423b5d6] {
  justify-content: flex-start;
}
.ia-bubble[data-v-2423b5d6] {
  width: min(92%, 920px);
  border-radius: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: #141719;
  color: #ececec;
}
.ia-bubble.user[data-v-2423b5d6] {
  background: #1b1f21;
  border-color: rgba(255, 255, 255, 0.28);
}
.ia-role[data-v-2423b5d6] {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  opacity: 0.68;
  margin-bottom: 6px;
}
.ia-content[data-v-2423b5d6] {
  font-size: 14px;
  line-height: 1.45;
  word-break: break-word;
}
.ia-content[data-v-2423b5d6] pre {
  margin-top: 8px;
  padding: 10px;
  background: #0c0f10;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  white-space: pre-wrap;
}
.ia-content[data-v-2423b5d6] .ia-metadata-container {
  margin-top: 14px;
  padding: 0;
}
.ia-content[data-v-2423b5d6] .ia-metadata-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ia-content[data-v-2423b5d6] .ia-chip {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  padding: 3px 8px;
  border-radius: 20px;
  border: 1px solid;
  background: rgba(255, 255, 255, 0.06);
  font-size: 9px;
  font-weight: 100;
  transition: all 0.2s ease;
}
.ia-content[data-v-2423b5d6] .ia-chip:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-1px);
}
.ia-content[data-v-2423b5d6] .ia-chip-icon {
  font-size: 13px;
  display: inline-block;
}
.ia-content[data-v-2423b5d6] .ia-chip-label {
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 10px;
}
.ia-content[data-v-2423b5d6] .ia-chip-value {
  color: #f0f0f0;
  font-weight: 600;
  font-family: "Courier New", monospace;
  letter-spacing: 0.3px;
}
.ia-content[data-v-2423b5d6] .ia-chip-model {
  background: linear-gradient(
    135deg,
    rgba(100, 150, 255, 0.15),
    rgba(100, 150, 255, 0.05)
  );
  border-color: rgba(100, 150, 255, 0.4);
}
.ia-content[data-v-2423b5d6] .ia-chip-model:hover {
  background: linear-gradient(
    135deg,
    rgba(100, 150, 255, 0.25),
    rgba(100, 150, 255, 0.15)
  );
  border-color: rgba(100, 150, 255, 0.6);
}
.ia-content[data-v-2423b5d6] .ia-chip-calendar {
  background: linear-gradient(
    135deg,
    rgba(76, 175, 80, 0.15),
    rgba(76, 175, 80, 0.05)
  );
  border-color: rgba(76, 175, 80, 0.4);
}
.ia-content[data-v-2423b5d6] .ia-chip-calendar:hover {
  background: linear-gradient(
    135deg,
    rgba(76, 175, 80, 0.25),
    rgba(76, 175, 80, 0.15)
  );
  border-color: rgba(76, 175, 80, 0.6);
}
.ia-content[data-v-2423b5d6] .ia-chip-tokens {
  background: linear-gradient(
    135deg,
    rgba(255, 193, 7, 0.15),
    rgba(255, 193, 7, 0.05)
  );
  border-color: rgba(255, 193, 7, 0.4);
}
.ia-content[data-v-2423b5d6] .ia-chip-tokens:hover {
  background: linear-gradient(
    135deg,
    rgba(255, 193, 7, 0.25),
    rgba(255, 193, 7, 0.15)
  );
  border-color: rgba(255, 193, 7, 0.6);
}
.ia-content[data-v-2423b5d6] .ia-chip-duration {
  background: linear-gradient(
    135deg,
    rgba(244, 67, 54, 0.15),
    rgba(244, 67, 54, 0.05)
  );
  border-color: rgba(244, 67, 54, 0.4);
}
.ia-content[data-v-2423b5d6] .ia-chip-duration:hover {
  background: linear-gradient(
    135deg,
    rgba(244, 67, 54, 0.25),
    rgba(244, 67, 54, 0.15)
  );
  border-color: rgba(244, 67, 54, 0.6);
}
.ia-content[data-v-2423b5d6] .ia-analysis-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.ia-content[data-v-2423b5d6] .ia-analysis-header {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.ia-content[data-v-2423b5d6] .ia-analysis-status {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 4px;
}
.ia-content[data-v-2423b5d6] .ia-analysis-subtitle,
.ia-content[data-v-2423b5d6] .ia-analysis-section-title {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: rgba(255, 255, 255, 0.7);
}
.ia-content[data-v-2423b5d6] .ia-analysis-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.ia-content[data-v-2423b5d6] .ia-analysis-field {
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
}
.ia-content[data-v-2423b5d6] .ia-analysis-field span {
  display: block;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.62);
  margin-bottom: 4px;
}
.ia-content[data-v-2423b5d6] .ia-analysis-field strong {
  font-size: 13px;
  font-weight: 600;
  color: #f4f4f4;
}
.ia-content[data-v-2423b5d6] .ia-analysis-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ia-content[data-v-2423b5d6] .ia-analysis-pre {
  margin: 0;
  padding: 12px;
  border-radius: 10px;
  background: #0b0d0e;
  border: 1px solid rgba(255, 255, 255, 0.12);
  white-space: pre-wrap;
  color: #e7e7e7;
  max-height: 260px;
  overflow: auto;
}
.ia-content[data-v-2423b5d6] .ia-analysis-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  overflow: hidden;
}
.ia-content[data-v-2423b5d6] .ia-analysis-table th,
.ia-content[data-v-2423b5d6] .ia-analysis-table td {
  padding: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  text-align: left;
  vertical-align: top;
}
.ia-content[data-v-2423b5d6] .ia-analysis-table th {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.72);
  background: rgba(255, 255, 255, 0.04);
}
.ia-content[data-v-2423b5d6] .ia-empty-state {
  padding: 12px;
  border-radius: 10px;
  border: 1px dashed rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.72);
}
.ia-content[data-v-2423b5d6] .ia-analysis-note {
  padding: 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #f0f0f0;
}
.ia-prompt-wrap[data-v-2423b5d6] {
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  background: #111315;
  padding: 14px 14px 10px;
}
.ia-prompt-input[data-v-2423b5d6] .v-field {
  background: #171a1c;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.ia-prompt-input[data-v-2423b5d6] textarea,
.ia-prompt-input[data-v-2423b5d6] input {
  color: #fbfbfb;
  background: #171a1c;
}
.ia-prompt-input[data-v-2423b5d6] .v-label {
  color: rgba(252, 252, 252, 0.867);
}
.ia-actions[data-v-2423b5d6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  gap: 12px;
  flex-wrap: wrap;
}
.ia-actions-left[data-v-2423b5d6],
.ia-actions-right[data-v-2423b5d6] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.ia-clear-btn[data-v-2423b5d6] {
  color: rgba(255, 255, 255, 0.65);
}
.ia-image-btn[data-v-2423b5d6] {
  color: #f3f3f3;
  border-color: rgba(255, 255, 255, 0.28);
}
.ia-selected-file[data-v-2423b5d6] {
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
}
.ia-send-btn[data-v-2423b5d6] {
  color: #f3f3f3;
  border: 1px solid rgba(255, 255, 255, 0.34);
}
.ia-footer-actions[data-v-2423b5d6] {
  background: #111315;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.ia-metadata-container[data-v-2423b5d6] {
  margin-top: 14px;
  padding: 0;
}
.ia-metadata-chips[data-v-2423b5d6] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ia-chip[data-v-2423b5d6] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 20px;
  border: 1px solid;
  background: rgba(255, 255, 255, 0.06);
  font-size: 11px;
  font-weight: 500;
  transition: all 0.2s ease;
}
.ia-chip[data-v-2423b5d6]:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-1px);
}
.ia-chip-icon[data-v-2423b5d6] {
  font-size: 13px;
  display: inline-block;
}
.ia-chip-label[data-v-2423b5d6] {
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 10px;
}
.ia-chip-value[data-v-2423b5d6] {
  color: #f0f0f0;
  font-weight: 600;
  font-family: "Courier New", monospace;
  letter-spacing: 0.3px;
}
.ia-chip-model[data-v-2423b5d6] {
  background: linear-gradient(
    135deg,
    rgba(100, 150, 255, 0.15),
    rgba(100, 150, 255, 0.05)
  );
  border-color: rgba(100, 150, 255, 0.4);
}
.ia-chip-model[data-v-2423b5d6]:hover {
  background: linear-gradient(
    135deg,
    rgba(100, 150, 255, 0.25),
    rgba(100, 150, 255, 0.15)
  );
  border-color: rgba(100, 150, 255, 0.6);
}
.ia-chip-calendar[data-v-2423b5d6] {
  background: linear-gradient(
    135deg,
    rgba(76, 175, 80, 0.15),
    rgba(76, 175, 80, 0.05)
  );
  border-color: rgba(76, 175, 80, 0.4);
}
.ia-chip-calendar[data-v-2423b5d6]:hover {
  background: linear-gradient(
    135deg,
    rgba(76, 175, 80, 0.25),
    rgba(76, 175, 80, 0.15)
  );
  border-color: rgba(76, 175, 80, 0.6);
}
.ia-chip-tokens[data-v-2423b5d6] {
  background: linear-gradient(
    135deg,
    rgba(255, 193, 7, 0.15),
    rgba(255, 193, 7, 0.05)
  );
  border-color: rgba(255, 193, 7, 0.4);
}
.ia-chip-tokens[data-v-2423b5d6]:hover {
  background: linear-gradient(
    135deg,
    rgba(255, 193, 7, 0.25),
    rgba(255, 193, 7, 0.15)
  );
  border-color: rgba(255, 193, 7, 0.6);
}
.ia-chip-duration[data-v-2423b5d6] {
  background: linear-gradient(
    135deg,
    rgba(244, 67, 54, 0.15),
    rgba(244, 67, 54, 0.05)
  );
  border-color: rgba(244, 67, 54, 0.4);
}
.ia-chip-duration[data-v-2423b5d6]:hover {
  background: linear-gradient(
    135deg,
    rgba(244, 67, 54, 0.25),
    rgba(244, 67, 54, 0.15)
  );
  border-color: rgba(244, 67, 54, 0.6);
}
[data-v-2423b5d6] .ia-modal-shell.modalCardClass {
  width: 100%;
  height: 100vh;
  max-height: 100vh;
  border-radius: 0;
  background: #0f1112;
  color: #f2f2f2;
}
[data-v-2423b5d6] .ia-modal-shell .toolbar-gk {
  background: #111315 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
[data-v-2423b5d6] .ia-modal-shell .modalCardTextClass {
  background: #0f1112;
}
.ia-chip ia-chip-model[data-v-2423b5d6] {
  width: 50%;
}
.v-textarea[data-v-2423b5d6] {
  -webkit-mask-image: transparent !important;
}
@media (max-width: 960px) {
.ia-chat-shell[data-v-2423b5d6] {
    height: calc(100vh - 220px);
}
.ia-bubble[data-v-2423b5d6] {
    width: 100%;
}
.ia-content[data-v-2423b5d6] .ia-analysis-grid {
    grid-template-columns: 1fr;
}
}