/* ==========================================================================
   ADMIN LAYOUT - SIGO Extintores
   Estilos para el layout principal del gestor de extintores
   ========================================================================== */

._appContainer_hb6p0_6 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--bg);
}

/* Header */
._header_hb6p0_14 {
  background: var(--card);
  border-bottom: 1px solid var(--border);
  padding: 0 var(--space-6);
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 100;
  box-shadow: var(--shadow);
}

._headerLeft_hb6p0_28 {
  display: flex;
  align-items: center;
  gap: var(--space-4);
}

._headerLogo_hb6p0_34 {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--text-dark);
}

._headerLogo_hb6p0_34 i {
  font-size: 1.5rem;
  color: var(--sigo-orange);
}

._sidebarToggle_hb6p0_48 {
  display: none;
}

@media (max-width: 768px) {
  ._sidebarToggle_hb6p0_48 {
    display: flex;
  }
}

._headerRight_hb6p0_58 {
  display: flex;
  align-items: center;
  gap: var(--space-4);
}

._userEmail_hb6p0_64 {
  font-size: 0.85rem;
  color: var(--text-light);
  font-weight: 500;
}

/* Main Container */
._mainContainer_hb6p0_71 {
  display: flex;
  flex: 1;
}

/* Sidebar */
._sidebar_hb6p0_48 {
  width: 240px;
  min-height: calc(100vh - 60px);
  background: var(--card);
  border-right: 1px solid var(--border);
  padding: var(--space-5) 0;
  flex-shrink: 0;
  overflow-y: auto;
  transition: transform 0.3s ease, width 0.3s ease;
  position: relative;
  z-index: 99;
}

._sidebarNav_hb6p0_90 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 var(--space-3);
}

._navItem_hb6p0_97 {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-lg);
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 500;
  color: #111827;
  background: transparent;
  transition: all 0.2s ease;
  position: relative;
}

._navItem_hb6p0_97:hover {
  background: transparent;
  color: var(--sigo-orange);
  text-decoration: none;
}

._navItem_hb6p0_97:active,
._navItem_hb6p0_97:focus,
._navItem_hb6p0_97:focus-visible {
  text-decoration: none;
  outline: none;
}

._navItem_hb6p0_97._active_hb6p0_125 {
  font-weight: 700;
  color: var(--sigo-orange);
  background: var(--sigo-orange-light);
  text-decoration: none;
}

._navItem_hb6p0_97._active_hb6p0_125:hover {
  color: var(--sigo-orange);
  background: var(--sigo-orange-light);
  text-decoration: none;
}

._navItem_hb6p0_97:visited,
._navItem_hb6p0_97:hover,
._navItem_hb6p0_97:active,
._navItem_hb6p0_97:focus,
._navItem_hb6p0_97:focus-visible,
._navItem_hb6p0_97 *,
._navItem_hb6p0_97:hover *,
._navItem_hb6p0_97:active *,
._navItem_hb6p0_97:focus *,
._navItem_hb6p0_97:focus-visible *,
._navItem_hb6p0_97:visited * {
  text-decoration: none;
}

._navItem_hb6p0_97:visited:not(._active_hb6p0_125) {
  color: var(--text-dark);
}

._navItem_hb6p0_97._active_hb6p0_125:visited {
  color: var(--sigo-orange);
}

._navItem_hb6p0_97 i {
  font-size: 1.2rem;
  flex-shrink: 0;
}

/* Main Content */
._main_hb6p0_71 {
  flex: 1;
  padding: var(--space-6);
  background: var(--bg);
  overflow-y: auto;
}

/* Responsive */
@media (max-width: 768px) {
  ._sidebar_hb6p0_48 {
    position: fixed;
    left: 0;
    top: 60px;
    height: calc(100vh - 60px);
    width: 240px;
    transform: translateX(-100%);
    box-shadow: var(--shadow-lg);
    z-index: 1000;
  }

  ._sidebarMobileOpen_hb6p0_186 {
    transform: translateX(0) !important;
  }

  ._main_hb6p0_71 {
    padding: var(--space-4);
  }

  ._header_hb6p0_14 {
    padding: 0 var(--space-4);
  }
}

/* Overlay for mobile */
._sidebarOverlay_hb6p0_200 {
  display: none;
}

._overlayOpen_hb6p0_204 {
  display: block;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 500;
  top: 60px;
}

@media (max-width: 768px) {
  ._sidebarOverlay_hb6p0_200 {
    display: block;
  }
}
._statCard_8gf7w_1 {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: var(--sigo-card-blue-bg);
  color: white;
  border-radius: var(--radius-xl);
  padding: var(--space-6);
  box-shadow: var(--shadow-xl);
  border: 1px solid rgba(255, 255, 255, 0.05);
  min-height: 160px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}

._statCard_8gf7w_1:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-2xl);
}

/* Variantes de color para cada tarjeta */
._statCard_8gf7w_1._orange_8gf7w_24 {
  background: linear-gradient(135deg, var(--sigo-orange) 0%, #f97316 100%);
}

._statCard_8gf7w_1._green_8gf7w_28 {
  background: linear-gradient(135deg, var(--sigo-green) 0%, #10b981 100%);
}

._statCard_8gf7w_1._blue_8gf7w_32 {
  background: linear-gradient(135deg, var(--sigo-blue-primary) 0%, #3b82f6 100%);
}

._statCard_8gf7w_1._red_8gf7w_36 {
  background: linear-gradient(135deg, var(--sigo-red) 0%, #ef4444 100%);
}

._statLabel_8gf7w_40 {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: var(--space-3);
  letter-spacing: 0.05em;
  display: block;
}

._statValue_8gf7w_50 {
  font-family: 'JetBrains Mono', monospace;
  font-size: 2.5rem;
  font-weight: 800;
  color: white;
  line-height: 1.1;
  margin-bottom: var(--space-3);
  display: block;
}

._statSubInfo_8gf7w_60 {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.6);
  margin-top: auto;
  display: block;
}

@media (max-width: 768px) {
  ._statCard_8gf7w_1 {
    min-height: 140px;
  }

  ._statValue_8gf7w_50 {
    font-size: 2rem;
  }
}
._emptyState_1ssjb_1 {
  text-align: center;
  padding: var(--space-6);
  color: var(--text-light);
}

._emptyState_1ssjb_1 i {
  font-size: 2.5rem;
  margin-bottom: var(--space-3);
  opacity: 0.5;
  display: block;
}

._emptyState_1ssjb_1 h3 {
  margin: 0 0 var(--space-2) 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-dark);
}

._emptyState_1ssjb_1 p {
  margin: 0;
  font-size: 0.95rem;
}
._errorAlert_1lgvm_1 {
  background: rgba(237, 50, 55, 0.1);
  border: 1px solid #ed3237;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1.5rem;
  color: #ed3237;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._errorAlert_1lgvm_1 i {
  font-size: 1rem;
  flex-shrink: 0;
}
._listItem_6hpfn_1 {
  display: grid;
  gridTemplateColumns: auto 1fr auto auto;
  gap: 1.2rem;
  alignItems: center;
  padding: 0.6rem 0.85rem;
  background: white;
  borderRadius: var(--radius-md);
  border: 1px solid;
  transition: all 0.2s ease;
  cursor: pointer;
  boxShadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

._listItem_6hpfn_1:hover {
  background: #f9fafb;
  boxShadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

._listItem_6hpfn_1:focus-visible {
  outline: 2px solid var(--sigo-orange);
  outline-offset: 2px;
}

._index_6hpfn_25 {
  font-size: 0.8rem;
  font-weight: 700;
  min-width: 20px;
  text-align: center;
}
/* ==========================================================================
   DASHBOARD - Page Styles
   ========================================================================== */

._header_tth44_5 {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-2);
}

._header_tth44_5 h2 {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 800;
  color: var(--text-dark);
}

._header_tth44_5 i {
  color: var(--sigo-orange);
  font-size: 1.75rem;
}

._subtitle_tth44_24 {
  color: var(--text-light);
  margin-bottom: var(--space-6);
  font-size: 0.95rem;
  font-weight: 500;
}

._statsGrid_tth44_31 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--space-5);
  margin-bottom: var(--space-6);
}

._statCard_tth44_38 {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: var(--sigo-card-blue-bg);
  color: white;
  border-radius: var(--radius-xl);
  padding: var(--space-6);
  box-shadow: var(--shadow-xl);
  border: 1px solid rgba(255, 255, 255, 0.05);
  min-height: 160px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

._statCard_tth44_38:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-2xl);
}

/* Variantes de color para cada tarjeta */
._statCard_tth44_38._orange_tth44_60 {
  background: linear-gradient(135deg, var(--sigo-orange) 0%, #f97316 100%);
}

._statCard_tth44_38._green_tth44_64 {
  background: linear-gradient(135deg, var(--sigo-green) 0%, #10b981 100%);
}

._statCard_tth44_38._blue_tth44_68 {
  background: linear-gradient(135deg, var(--sigo-blue-primary) 0%, #3b82f6 100%);
}

._statCard_tth44_38._red_tth44_72 {
  background: linear-gradient(135deg, var(--sigo-red) 0%, #ef4444 100%);
}

._statLabel_tth44_76 {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: var(--space-3);
  letter-spacing: 0.05em;
  display: block;
}

._statValue_tth44_86 {
  font-family: 'JetBrains Mono', monospace;
  font-size: 2.5rem;
  font-weight: 800;
  color: white;
  line-height: 1.1;
  margin-bottom: var(--space-3);
  display: block;
}

._statSubInfo_tth44_96 {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.6);
  margin-top: auto;
  display: block;
}

._contentSection_tth44_103 {
  background: var(--card);
  border-radius: var(--radius-xl);
  padding: var(--space-6);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--border);
  margin-bottom: var(--space-6);
}

._contentSection_tth44_103 h3 {
  margin: 0 0 var(--space-4) 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--text-dark);
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

._contentSection_tth44_103 h3 i {
  color: var(--sigo-orange);
  font-size: 1.25rem;
}

._qrPendingBanner_tth44_127 {
  margin-bottom: var(--space-6);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: 0.85rem 1rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(255, 122, 26, 0.22);
  background:
    linear-gradient(135deg, rgba(255, 122, 26, 0.18) 0%, rgba(255, 247, 237, 0.96) 100%);
  box-shadow: 0 8px 22px rgba(255, 122, 26, 0.12);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

._qrPendingBanner_tth44_127:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 122, 26, 0.34);
  box-shadow: 0 12px 28px rgba(255, 122, 26, 0.16);
}

._qrPendingBanner_tth44_127:focus-visible {
  outline: none;
  box-shadow: var(--shadow-focus-orange);
}

._qrPendingLabel_tth44_154 {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  color: #9a4d12;
  font-weight: 700;
}

._qrPendingContent_tth44_162 {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
}

._qrPendingLabel_tth44_154 i {
  color: var(--sigo-orange);
  font-size: 1rem;
}

._qrPendingSubtext_tth44_173 {
  color: rgba(154, 77, 18, 0.78);
  font-size: 0.85rem;
  font-weight: 500;
}

._qrPendingAction_tth44_179 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding: 0.42rem 0.8rem;
  border-radius: var(--radius-full);
  background: linear-gradient(135deg, var(--sigo-orange) 0%, var(--sigo-orange-dark) 100%);
  color: white;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 6px 14px rgba(255, 122, 26, 0.22);
}

._emptyState_tth44_195 {
  text-align: center;
  padding: var(--space-6);
  color: var(--text-light);
}

._emptyState_tth44_195 i {
  font-size: 2.5rem;
  margin-bottom: var(--space-3);
  opacity: 0.5;
  display: block;
}

._emptyState_tth44_195 p {
  margin: 0;
  font-size: 0.95rem;
}

/* Estilos para las tarjetas de actividad */
._activityCard_tth44_214,
._expiringCard_tth44_215 {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

._activityList_tth44_221 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-height: 320px;
  overflow-y: auto;
  padding-right: 0.5rem;
}

._activityList_tth44_221::-webkit-scrollbar {
  width: 6px;
}

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

._activityList_tth44_221::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 3px;
}

._activityList_tth44_221::-webkit-scrollbar-thumb:hover {
  background: var(--text-light);
}

._activityItem_tth44_247 {
  grid-template-columns: auto 1fr auto auto;
}

._activityItem_tth44_247 > div:first-child {
  color: var(--sigo-orange);
}

._expiringItem_tth44_255 {
  grid-template-columns: auto 1fr auto auto;
}

._sectionsGrid_tth44_259 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-5);
  margin-bottom: var(--space-6);
}

._loadingSpinner_tth44_266 {
  text-align: center;
  padding: 2rem;
}

._loadingSpinner_tth44_266 i {
  animation: _spin_tth44_1 1s linear infinite;
  color: var(--sigo-orange);
  font-size: 1.5rem;
}

@keyframes _spin_tth44_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 768px) {
  ._sectionsGrid_tth44_259 {
    grid-template-columns: 1fr;
  }
}

._activityType_tth44_292 {
  font-weight: 600;
  color: var(--text-dark);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  grid-column: 1 / -1;
}

._activityCode_tth44_301 {
  font-size: 0.75rem;
  color: var(--text-light);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  grid-column: 1;
}

._activityTime_tth44_310 {
  font-size: 0.75rem;
  color: var(--text-light);
  font-weight: 600;
  white-space: nowrap;
  grid-column: 2;
  text-align: right;
}

._activityItem_tth44_247._urgent_tth44_319 ._activityTime_tth44_310 {
  color: var(--sigo-red);
}

@media (max-width: 768px) {
  ._statsGrid_tth44_31 {
    grid-template-columns: 1fr;
  }

  ._header_tth44_5 h2 {
    font-size: 1.5rem;
  }

  ._statCard_tth44_38 {
    min-height: 140px;
  }

  ._statValue_tth44_86 {
    font-size: 2rem;
  }

  ._qrPendingBanner_tth44_127 {
    padding: 0.8rem 0.9rem;
    align-items: flex-start;
  }

  ._qrPendingLabel_tth44_154 {
    font-size: 0.95rem;
  }

  ._qrPendingSubtext_tth44_173 {
    font-size: 0.8rem;
  }
}
/* ==========================================================================
   ADMIN PAGES - Common Styles
   Estilos compartidos para todas las páginas de administración
   ========================================================================== */

._pageHeader_80208_6 {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-bottom: var(--space-6);
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  padding: var(--space-6);
  box-shadow: var(--shadow-sm);
}

._pageHeader_80208_6 h2 {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 800;
  color: var(--text-dark);
}

._pageHeader_80208_6 i {
  font-size: 1.75rem;
  flex-shrink: 0;
}

._pageSubtitle_80208_30 {
  color: var(--text-light);
  margin: var(--space-2) 0 0 0;
  font-size: 0.95rem;
  font-weight: 500;
}

._pageSection_80208_37 {
  background: var(--card);
  border-radius: var(--radius-xl);
  padding: var(--space-6);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--border);
  margin-bottom: var(--space-6);
  transition: all 0.3s ease;
}

._pageSection_80208_37 h3 {
  margin: 0 0 var(--space-4) 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--text-dark);
}

._emptyState_80208_54 {
  text-align: center;
  padding: var(--space-8) var(--space-6);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
}

._emptyStateIcon_80208_63 {
  font-size: 3rem;
  color: var(--text-light);
  opacity: 0.3;
}

._emptyStateTitle_80208_69 {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--text-dark);
  margin: 0;
}

._emptyStateText_80208_76 {
  font-size: 0.95rem;
  color: var(--text-light);
  margin: 0;
  max-width: 400px;
}

._headerActions_80208_83 {
  display: flex;
  gap: var(--space-3);
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: var(--space-4);
}

._headerLeft_80208_92 {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex: 1;
}

._headerRight_80208_99 {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

._searchInput_80208_105 {
  flex: 1;
  min-width: 200px;
  max-width: 350px;
}

@media (max-width: 768px) {
  ._pageHeader_80208_6 h2 {
    font-size: 1.5rem;
  }

  ._pageSection_80208_37 {
    padding: var(--space-4);
  }

  ._emptyState_80208_54 {
    padding: var(--space-6) var(--space-4);
  }

  ._headerActions_80208_83 {
    flex-direction: column;
    align-items: stretch;
  }

  ._headerLeft_80208_92 {
    flex-direction: column;
  }

  ._headerRight_80208_99 {
    width: 100%;
  }

  ._searchInput_80208_105 {
    max-width: 100%;
  }
}
/* ==========================================================================
   CATÁLOGOS - Component Styles
   ========================================================================== */

._container_1blbl_5 {
  width: 100%;
}

._toolbar_1blbl_9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin-top: 0;
  margin-bottom: var(--space-6);
  padding: var(--space-4) var(--space-6);
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
  flex-wrap: wrap;
}

._toolbarLeft_1blbl_24 {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex: 1;
  min-width: 0;
}

._toolbarRight_1blbl_32 {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

._tableWrapper_1blbl_38 {
  background: var(--card);
  border-radius: var(--radius-xl);
  padding: var(--space-6);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--border);
  overflow: hidden;
}

._loadingSpinner_1blbl_47 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-8);
  color: var(--text-light);
  gap: var(--space-2);
}

._loadingSpinner_1blbl_47 i {
  animation: _spin_1blbl_1 1s linear infinite;
  font-size: 1.5rem;
}

@keyframes _spin_1blbl_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

._toast_1blbl_70 {
  position: fixed;
  bottom: var(--space-6);
  right: var(--space-6);
  padding: var(--space-4) var(--space-6);
  background: var(--card);
  border-radius: var(--radius-lg);
  border-left: 4px solid #3ba982;
  box-shadow: var(--shadow-lg);
  z-index: 1000;
  animation: _slideIn_1blbl_1 0.3s ease-out;
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

._toast_1blbl_70 i {
  color: #3ba982;
  font-size: 1.25rem;
}

@keyframes _slideIn_1blbl_1 {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

._errorBox_1blbl_102 {
  background: rgba(237, 50, 55, 0.1);
  border: 1px solid #ed3237;
  border-radius: var(--radius-md);
  padding: var(--space-4);
  margin-bottom: var(--space-4);
  color: #ed3237;
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
}

._errorBox_1blbl_102 i {
  font-size: 1.25rem;
  flex-shrink: 0;
  margin-top: 2px;
}

._errorText_1blbl_120 {
  flex: 1;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Responsive */
@media (max-width: 768px) {
  ._toolbar_1blbl_9 {
    flex-direction: column;
    align-items: stretch;
  }

  ._toolbarLeft_1blbl_24 {
    width: 100%;
  }

  ._toolbarRight_1blbl_32 {
    width: 100%;
  }

  ._tableWrapper_1blbl_38 {
    padding: var(--space-4);
  }

  ._toast_1blbl_70 {
    left: var(--space-4);
    right: var(--space-4);
    bottom: var(--space-4);
  }
}

/* Form groups */
._formGroup_1blbl_153 {
  margin-bottom: var(--space-4);
}

._formLabel_1blbl_157 {
  display: block;
  font-weight: 700;
  margin-bottom: var(--space-2);
  color: var(--text-dark);
  font-size: 0.9rem;
}

._formLabel_1blbl_157 ._required_1blbl_165 {
  color: #ed3237;
  margin-left: 0.25rem;
}

/* Button sizes */
._btnXs_1blbl_171 {
  padding: 0.25rem 0.5rem;
  font-size: 0.8rem;
}

._btnSm_1blbl_176 {
  padding: 0.5rem 1rem;
  font-size: 0.85rem;
}
/* Toolbar */
._toolbar_mt6va_2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin-top: 0;
  margin-bottom: var(--space-6);
  padding: var(--space-4) var(--space-6);
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
}

._toolbar_mt6va_2 h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-dark);
  flex-shrink: 0;
}

._toolbarActions_mt6va_24 {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

._filterSelect_mt6va_30 {
  padding: 0.6rem var(--space-3);
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  font-size: 0.9rem;
  color: var(--text-dark);
  cursor: pointer;
  height: 40px;
  box-sizing: border-box;
  font-family: inherit;
  line-height: 1;
}

._filterSelect_mt6va_30:hover {
  border-color: var(--sigo-orange);
}

._filterSelect_mt6va_30:focus {
  outline: none;
  border-color: var(--sigo-orange);
  box-shadow: 0 0 0 3px rgba(240, 117, 34, 0.1);
}

._searchInput_mt6va_54 {
  min-width: 320px;
  width: 420px;
  max-width: 56vw;
  height: 40px;
  padding: 0.6rem var(--space-3);
  padding-right: 40px;
  box-sizing: border-box;
  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='%23999' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 18px;
}

/* Table Wrapper */
._tableWrapper_mt6va_69 {
  background: var(--card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  overflow: hidden;
  margin-top: var(--space-4);
}

/* Loading Spinner */
._loadingSpinner_mt6va_78 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  gap: var(--space-3);
  color: var(--text-light);
}

._loadingSpinner_mt6va_78 i {
  font-size: 2.5rem;
  animation: _spin_mt6va_1 1s linear infinite;
}

@keyframes _spin_mt6va_1 {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Toast Notification */
._toast_mt6va_99 {
  position: fixed;
  bottom: var(--space-4);
  right: var(--space-4);
  background: var(--card);
  border-left: 4px solid var(--sigo-orange);
  padding: var(--space-3);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--text-dark);
  font-weight: 600;
  animation: _slideInUp_mt6va_1 0.3s ease-out;
  z-index: 1000;
}

._toast_mt6va_99 i {
  color: var(--sigo-orange);
  font-size: 1.25rem;
}

@keyframes _slideInUp_mt6va_1 {
  from { transform: translateY(100%); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

/* Error Box */
._errorBox_mt6va_128 {
  background: rgba(237, 50, 55, 0.1);
  border: 1px solid #ed3237;
  border-radius: var(--radius-md);
  padding: var(--space-3);
  margin-top: var(--space-4);
  color: #ed3237;
  font-size: 0.9rem;
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
}

._errorBox_mt6va_128 i {
  flex-shrink: 0;
  margin-top: 0.2rem;
}

/* Status Badge */
._stateBadge_mt6va_147 {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius-md);
  font-size: 0.85rem;
  font-weight: 600;
}

._stateBadgeActivo_mt6va_155 {
  background: rgba(34, 197, 94, 0.1);
  color: #22c55e;
}

._stateBadgeInactivo_mt6va_160 {
  background: rgba(107, 114, 128, 0.1);
  color: #6b7280;
}

/* Responsive */
@media (max-width: 768px) {
  ._toolbar_mt6va_2 {
    flex-direction: column;
    align-items: stretch;
  }

  ._toolbarActions_mt6va_24 {
    flex-direction: column;
    width: 100%;
  }

  ._filterSelect_mt6va_30 {
    width: 100%;
  }

  ._searchInput_mt6va_54 {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    flex: 1 1 100%;
  }

  ._toast_mt6va_99 {
    bottom: var(--space-3);
    right: var(--space-3);
    left: var(--space-3);
  }
}
/* Toolbar */
._toolbar_uqxpk_2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin-top: 0;
  margin-bottom: var(--space-6);
  padding: var(--space-4) var(--space-6);
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
}

._toolbar_uqxpk_2 h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-dark);
  flex-shrink: 0;
}

._toolbarActions_uqxpk_24 {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

._filterSelect_uqxpk_30 {
  padding: 0.6rem var(--space-3);
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  font-size: 0.9rem;
  color: var(--text-dark);
  cursor: pointer;
  height: 40px;
  box-sizing: border-box;
  font-family: inherit;
  line-height: 1;
}

._filterSelect_uqxpk_30:hover {
  border-color: var(--sigo-orange);
}

._filterSelect_uqxpk_30:focus {
  outline: none;
  border-color: var(--sigo-orange);
  box-shadow: 0 0 0 3px rgba(240, 117, 34, 0.1);
}

._searchInput_uqxpk_54 {
  min-width: 320px;
  width: 420px;
  max-width: 56vw;
  height: 40px;
  padding: 0.6rem var(--space-3);
  padding-right: 40px;
  box-sizing: border-box;
  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='%23999' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 18px;
}

/* Table Wrapper */
._tableWrapper_uqxpk_69 {
  background: var(--card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  overflow: hidden;
  margin-top: var(--space-4);
}

/* Loading Spinner */
._loadingSpinner_uqxpk_78 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  gap: var(--space-3);
  color: var(--text-light);
}

._loadingSpinner_uqxpk_78 i {
  font-size: 2.5rem;
  animation: _spin_uqxpk_1 1s linear infinite;
}

@keyframes _spin_uqxpk_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Toast Notification */
._toast_uqxpk_103 {
  position: fixed;
  bottom: var(--space-4);
  right: var(--space-4);
  background: var(--card);
  border-left: 4px solid var(--sigo-orange);
  padding: var(--space-3);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--text-dark);
  font-weight: 600;
  animation: _slideInUp_uqxpk_1 0.3s ease-out;
  z-index: 1000;
}

._toast_uqxpk_103 i {
  color: var(--sigo-orange);
  font-size: 1.25rem;
}

@keyframes _slideInUp_uqxpk_1 {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Error Box */
._errorBox_uqxpk_138 {
  background: rgba(237, 50, 55, 0.1);
  border: 1px solid #ed3237;
  border-radius: var(--radius-md);
  padding: var(--space-3);
  margin-top: var(--space-4);
  color: #ed3237;
  font-size: 0.9rem;
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
}

._errorBox_uqxpk_138 i {
  flex-shrink: 0;
  margin-top: 0.2rem;
}

/* Status Badge */
._stateBadge_uqxpk_157 {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius-md);
  font-size: 0.85rem;
  font-weight: 600;
}

._stateBadgeDisponible_uqxpk_165 {
  background: rgba(59, 130, 246, 0.1);
  color: #3b82f6;
}

._stateBadgeActivo_uqxpk_170 {
  background: rgba(34, 197, 94, 0.1);
  color: #22c55e;
}

._stateBadgeRetirado_uqxpk_175 {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}

._stateBadgeEnMantenimiento_uqxpk_180 {
  background: rgba(249, 115, 22, 0.1);
  color: #f97316;
}

._stateBadgeRecibido_uqxpk_185 {
  background: rgba(99, 102, 241, 0.1);
  color: #6366f1;
}

._stateBadgeListoDespacho_uqxpk_190 {
  background: rgba(16, 185, 129, 0.12);
  color: #059669;
}

._pendingBadge_uqxpk_195 {
  margin-top: 0.35rem;
  display: inline-block;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  background: #fef3c7;
  color: #92400e;
}

/* Responsive */
@media (max-width: 768px) {
  ._toolbar_uqxpk_2 {
    flex-direction: column;
    align-items: stretch;
  }

  ._toolbarActions_uqxpk_24 {
    flex-direction: column;
    width: 100%;
  }

  ._filterSelect_uqxpk_30 {
    width: 100%;
  }

  ._searchInput_uqxpk_54 {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    flex: 1 1 100%;
  }

  ._toast_uqxpk_103 {
    bottom: var(--space-3);
    right: var(--space-3);
    left: var(--space-3);
  }
}
._noticeCard_38qzv_1 {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-4);
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: var(--radius-xl);
  background: linear-gradient(135deg, rgba(239, 246, 255, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.06);
  margin-bottom: var(--space-5);
}

._noticeIcon_38qzv_13 {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  background: rgba(37, 99, 235, 0.12);
  color: var(--sigo-blue-primary);
  font-size: 1.05rem;
}

._noticeTitle_38qzv_26 {
  margin: 0 0 0.35rem;
  color: var(--text-dark);
  font-size: 1rem;
  font-weight: 800;
}

._noticeText_38qzv_33 {
  margin: 0;
  color: var(--text-light);
  line-height: 1.55;
  font-size: 0.92rem;
}

._sectionCard_38qzv_40 {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  padding: var(--space-5);
  box-shadow: var(--shadow-md);
  margin-bottom: var(--space-5);
}

._formGrid_38qzv_49 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
  margin-bottom: var(--space-4);
}

._label_38qzv_56 {
  display: block;
  margin-bottom: 0.45rem;
  font-weight: 700;
  color: var(--text-dark);
}

._scenarioBlock_38qzv_63 {
  margin-bottom: var(--space-1);
}

._scenarioPicker_38qzv_67 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-3);
}

._scenarioOption_38qzv_73 {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  background: var(--card);
  padding: 0.9rem 1rem;
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  text-align: left;
  cursor: pointer;
  transition: all 0.2s ease;
  min-height: 112px;
}

._scenarioOption_38qzv_73:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(17, 24, 39, 0.08);
}

._scenarioOptionActive_38qzv_94 {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.12);
}

._scenarioOptionActive_38qzv_94::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 2px currentColor;
  opacity: 0.22;
  pointer-events: none;
}

._scenarioOptionIcon_38qzv_109 {
  flex-shrink: 0;
  width: 2.2rem;
  height: 2.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  background: rgba(255, 122, 26, 0.12);
  color: var(--sigo-orange);
  font-size: 1rem;
}

._scenarioOptionText_38qzv_122 {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}

._scenarioOptionHeader_38qzv_129 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

._scenarioOptionText_38qzv_122 strong {
  color: var(--text-dark);
  font-size: 0.92rem;
  font-weight: 800;
}

._scenarioSelectedIndicator_38qzv_142 {
  display: inline-flex;
  align-items: center;
  gap: 0.32rem;
  padding: 0.18rem 0.38rem;
  border-radius: var(--radius-full);
  white-space: nowrap;
  color: #047857;
  background: rgba(16, 185, 129, 0.12);
}

._scenarioSelectedIndicator_38qzv_142 i {
  font-size: 0.8rem;
  font-weight: 800;
}

._scenarioSelectedDot_38qzv_158 {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  background: #10b981;
  box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.16);
}

._scenarioOptionText_38qzv_122 small {
  color: var(--text-light);
  font-size: 0.8rem;
  line-height: 1.45;
}

._scenarioToneBlue_38qzv_172 {
  border-color: rgba(37, 99, 235, 0.14);
  background: linear-gradient(135deg, rgba(239, 246, 255, 0.92) 0%, rgba(255, 255, 255, 0.98) 100%);
}

._scenarioToneBlue_38qzv_172 ._scenarioOptionIcon_38qzv_109 {
  background: rgba(37, 99, 235, 0.12);
  color: var(--sigo-blue-primary);
}

._scenarioToneBlue_38qzv_172._scenarioOptionActive_38qzv_94 {
  border-color: rgba(37, 99, 235, 0.28);
  background: linear-gradient(135deg, rgba(219, 234, 254, 0.98) 0%, rgba(239, 246, 255, 1) 100%);
  box-shadow: 0 12px 26px rgba(37, 99, 235, 0.18);
}

._scenarioToneOrange_38qzv_188 {
  border-color: rgba(255, 122, 26, 0.16);
  background: linear-gradient(135deg, rgba(255, 247, 237, 0.92) 0%, rgba(255, 255, 255, 0.98) 100%);
}

._scenarioToneOrange_38qzv_188 ._scenarioOptionIcon_38qzv_109 {
  background: rgba(255, 122, 26, 0.12);
  color: var(--sigo-orange);
}

._scenarioToneOrange_38qzv_188._scenarioOptionActive_38qzv_94 {
  border-color: rgba(255, 122, 26, 0.28);
  background: linear-gradient(135deg, rgba(255, 237, 213, 0.98) 0%, rgba(255, 247, 237, 1) 100%);
  box-shadow: 0 12px 26px rgba(255, 122, 26, 0.18);
}

._scenarioToneGreen_38qzv_204 {
  border-color: rgba(16, 185, 129, 0.16);
  background: linear-gradient(135deg, rgba(236, 253, 245, 0.94) 0%, rgba(255, 255, 255, 0.98) 100%);
}

._scenarioToneGreen_38qzv_204 ._scenarioOptionIcon_38qzv_109 {
  background: rgba(16, 185, 129, 0.12);
  color: var(--sigo-green);
}

._scenarioToneGreen_38qzv_204._scenarioOptionActive_38qzv_94 {
  border-color: rgba(16, 185, 129, 0.28);
  background: linear-gradient(135deg, rgba(209, 250, 229, 0.98) 0%, rgba(236, 253, 245, 1) 100%);
  box-shadow: 0 12px 26px rgba(16, 185, 129, 0.18);
}

._scenarioTonePurple_38qzv_220 {
  border-color: rgba(99, 102, 241, 0.16);
  background: linear-gradient(135deg, rgba(238, 242, 255, 0.94) 0%, rgba(255, 255, 255, 0.98) 100%);
}

._scenarioTonePurple_38qzv_220 ._scenarioOptionIcon_38qzv_109 {
  background: rgba(99, 102, 241, 0.12);
  color: #4f46e5;
}

._scenarioTonePurple_38qzv_220._scenarioOptionActive_38qzv_94 {
  border-color: rgba(99, 102, 241, 0.28);
  background: linear-gradient(135deg, rgba(224, 231, 255, 0.98) 0%, rgba(238, 242, 255, 1) 100%);
  box-shadow: 0 12px 26px rgba(99, 102, 241, 0.18);
}

._textareaBlock_38qzv_236 {
  margin-bottom: var(--space-4);
}

._helperText_38qzv_240 {
  margin: 0.5rem 0 0;
  color: var(--text-light);
  font-size: 0.86rem;
}

._actionRow_38qzv_246 {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
}

._channelBadge_38qzv_253 {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.45rem 0.75rem;
  border-radius: var(--radius-full);
  background: rgba(255, 122, 26, 0.12);
  color: var(--sigo-orange);
  font-weight: 700;
  font-size: 0.84rem;
}

._errorBox_38qzv_265 {
  margin-top: var(--space-4);
  padding: var(--space-3);
  border-radius: var(--radius-lg);
  font-size: 0.92rem;
  font-weight: 600;
}

._errorBox_38qzv_265 {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.18);
  color: #b91c1c;
}

._successBox_38qzv_279 {
  margin-top: var(--space-4);
  padding: var(--space-3);
  border-radius: var(--radius-lg);
  font-size: 0.92rem;
  font-weight: 600;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.2);
  color: #047857;
}

._summaryGrid_38qzv_290 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-3);
  margin-bottom: var(--space-5);
}

._summaryCard_38qzv_297 {
  border-radius: var(--radius-xl);
  padding: var(--space-4);
  border: 1px solid transparent;
  box-shadow: var(--shadow-sm);
}

._summaryLabel_38qzv_304 {
  display: block;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.8;
}

._summaryValue_38qzv_313 {
  display: block;
  margin-top: 0.5rem;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1;
}

._summaryTotal_38qzv_321 {
  background: rgba(17, 24, 39, 0.04);
  border-color: rgba(17, 24, 39, 0.08);
  color: var(--text-dark);
}

._summaryOk_38qzv_327 {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.16);
  color: #047857;
}

._summaryWarning_38qzv_333 {
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.18);
  color: #b45309;
}

._summaryDanger_38qzv_339 {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.16);
  color: #b91c1c;
}

._summaryNeutral_38qzv_345 {
  background: rgba(107, 114, 128, 0.1);
  border-color: rgba(107, 114, 128, 0.14);
  color: #4b5563;
}

._detectedClientsList_38qzv_351 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

._detectedClientsWrap_38qzv_357 {
  margin-top: var(--space-4);
  padding-top: var(--space-4);
  border-top: 1px solid var(--border);
}

._detectedClientsTitle_38qzv_363 {
  margin: 0;
  color: var(--text-dark);
  font-size: 0.96rem;
  font-weight: 800;
}

._detectedClientsWrap_38qzv_357 ._resultsHeader_38qzv_370 {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: var(--space-3);
}

._detectedClientsWrap_38qzv_357 ._resultsHint_38qzv_377 {
  justify-self: end;
  text-align: right;
}

._detectedClientChip_38qzv_382 {
  display: inline-flex;
  align-items: center;
  padding: 0.42rem 0.75rem;
  border-radius: var(--radius-full);
  background: rgba(37, 99, 235, 0.1);
  color: var(--sigo-blue-primary);
  font-weight: 700;
  font-size: 0.84rem;
}

._previewCard_38qzv_393 {
  position: relative;
  overflow: hidden;
  border-color: rgba(37, 99, 235, 0.14);
  background:
    radial-gradient(circle at top right, rgba(255, 122, 26, 0.08), transparent 26%),
    linear-gradient(135deg, rgba(248, 250, 252, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
  box-shadow: 0 16px 36px rgba(17, 24, 39, 0.08);
}

._previewGrid_38qzv_403 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-3);
}

._previewItem_38qzv_409 {
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  padding: 1rem 1.05rem;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 6px 16px rgba(17, 24, 39, 0.04);
}

._previewLabel_38qzv_417 {
  display: block;
  color: var(--text-light);
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._previewValue_38qzv_426 {
  display: block;
  margin-top: 0.5rem;
  color: var(--text-dark);
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1.35;
}

._previewActions_38qzv_435 {
  margin-top: var(--space-4);
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
  padding-top: var(--space-4);
  border-top: 1px solid rgba(229, 231, 235, 0.9);
}

._previewHint_38qzv_445 {
  color: var(--text-light);
  font-size: 0.88rem;
}

._resultsHeader_38qzv_370 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

._resultsTitle_38qzv_458 {
  margin: 0;
  color: var(--text-dark);
  font-size: 1.02rem;
  font-weight: 800;
}

._resultsHint_38qzv_377 {
  color: var(--text-light);
  font-size: 0.86rem;
}

._tableWrapper_38qzv_470 {
  overflow-x: auto;
  margin-top: var(--space-5);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  background: white;
  box-shadow: 0 8px 20px rgba(17, 24, 39, 0.04);
}

._table_38qzv_470 {
  width: 100%;
  border-collapse: collapse;
}

._table_38qzv_470 th,
._table_38qzv_470 td {
  padding: 0.52rem 0.7rem;
  text-align: left;
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
}

._table_38qzv_470 th {
  font-size: 0.74rem;
  color: var(--text-light);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 800;
  background: rgba(248, 250, 252, 0.98);
}

._table_38qzv_470 td {
  font-size: 0.84rem;
  line-height: 1.2;
}

._table_38qzv_470 td .sigo-form-control {
  min-height: 1.95rem;
  height: 1.95rem;
  padding: 0.28rem 0.55rem;
  font-size: 0.8rem;
  line-height: 1.15;
}

._codeCell_38qzv_514 {
  font-family: 'JetBrains Mono', monospace;
  font-weight: 700;
  color: var(--text-dark);
}

._statusBadge_38qzv_520 {
  display: inline-flex;
  align-items: center;
  padding: 0.3rem 0.65rem;
  border-radius: var(--radius-full);
  font-size: 0.78rem;
  font-weight: 800;
}

._badgeOk_38qzv_529 {
  background: rgba(16, 185, 129, 0.12);
  color: #047857;
}

._badgeWarning_38qzv_534 {
  background: rgba(245, 158, 11, 0.14);
  color: #b45309;
}

._badgeDanger_38qzv_539 {
  background: rgba(239, 68, 68, 0.12);
  color: #b91c1c;
}

._badgeNeutral_38qzv_544 {
  background: rgba(107, 114, 128, 0.12);
  color: #4b5563;
}

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

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

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

  ._resultsHeader_38qzv_370 {
    flex-direction: column;
    align-items: flex-start;
  }

  ._detectedClientsWrap_38qzv_357 ._resultsHeader_38qzv_370 {
    grid-template-columns: 1fr;
  }

  ._detectedClientsWrap_38qzv_357 ._resultsHint_38qzv_377 {
    justify-self: start;
    text-align: left;
  }
}

@media (max-width: 768px) {
  ._noticeCard_38qzv_1,
  ._sectionCard_38qzv_40 {
    padding: var(--space-4);
  }

  ._scenarioPicker_38qzv_67 {
    grid-template-columns: 1fr;
  }

  ._scenarioOptionHeader_38qzv_129 {
    flex-direction: column;
    align-items: flex-start;
  }

  ._summaryGrid_38qzv_290 {
    grid-template-columns: 1fr;
  }

  ._previewGrid_38qzv_403 {
    grid-template-columns: 1fr;
  }
}
/* Toolbar */
._infoCard_79dur_2 {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-4);
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: var(--radius-xl);
  background: linear-gradient(135deg, rgba(239, 246, 255, 0.96) 0%, rgba(255, 255, 255, 0.98) 100%);
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.06);
}

._infoIcon_79dur_13 {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  background: rgba(37, 99, 235, 0.12);
  color: var(--sigo-blue-primary);
  font-size: 1.1rem;
}

._infoTitle_79dur_26 {
  margin: 0 0 0.35rem;
  color: var(--text-dark);
  font-size: 0.98rem;
  font-weight: 800;
}

._infoText_79dur_33 {
  margin: 0;
  color: var(--text-light);
  font-size: 0.92rem;
  line-height: 1.55;
}

._toolbar_79dur_40 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin-top: 0;
  margin-bottom: var(--space-6);
  padding: var(--space-4) var(--space-6);
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
}

._toolbar_79dur_40 h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-dark);
  flex-shrink: 0;
}

._toolbarActions_79dur_62 {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

._filterSelect_79dur_68 {
  padding: 0.6rem var(--space-3);
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  font-size: 0.9rem;
  color: var(--text-dark);
  cursor: pointer;
  height: 40px;
  box-sizing: border-box;
  font-family: inherit;
  line-height: 1;
}

._filterSelect_79dur_68:hover {
  border-color: var(--sigo-orange);
}

._filterSelect_79dur_68:focus {
  outline: none;
  border-color: var(--sigo-orange);
  box-shadow: 0 0 0 3px rgba(240, 117, 34, 0.1);
}

._searchInput_79dur_92 {
  min-width: 340px;
  width: 460px;
  max-width: 58vw;
  height: 40px;
  padding: 0.6rem var(--space-3);
  padding-right: 40px;
  box-sizing: border-box;
  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='%23999' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 18px;
}

/* Table Wrapper */
._tableWrapper_79dur_107 {
  background: var(--card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  overflow: hidden;
  margin-top: var(--space-4);
}

/* Loading Spinner */
._loadingSpinner_79dur_116 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  gap: var(--space-3);
  color: var(--text-light);
}

._loadingSpinner_79dur_116 i {
  font-size: 2.5rem;
  animation: _spin_79dur_1 1s linear infinite;
}

@keyframes _spin_79dur_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Toast Notification */
._toast_79dur_141 {
  position: fixed;
  bottom: var(--space-4);
  right: var(--space-4);
  background: var(--card);
  border-left: 4px solid var(--sigo-orange);
  padding: var(--space-3);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--text-dark);
  font-weight: 600;
  animation: _slideInUp_79dur_1 0.3s ease-out;
  z-index: 1000;
}

._toast_79dur_141 i {
  color: var(--sigo-orange);
  font-size: 1.25rem;
}

@keyframes _slideInUp_79dur_1 {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Error Box */
._errorBox_79dur_176 {
  background: rgba(237, 50, 55, 0.1);
  border: 1px solid #ed3237;
  border-radius: var(--radius-md);
  padding: var(--space-3);
  margin-top: var(--space-4);
  color: #ed3237;
  font-size: 0.9rem;
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
}

._errorBox_79dur_176 i {
  flex-shrink: 0;
  margin-top: 0.2rem;
}

/* Tipo Servicio Badges */
._tipoBadge_79dur_195 {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius-md);
  font-size: 0.8rem;
  font-weight: 600;
}

._tipoBadgeRecarga_79dur_203 {
  background: rgba(59, 130, 246, 0.1);
  color: #3b82f6;
}

._tipoBadgeRevision_79dur_208 {
  background: rgba(34, 197, 94, 0.1);
  color: #22c55e;
}

._tipoBadgeReparacion_79dur_213 {
  background: rgba(240, 117, 34, 0.1);
  color: var(--sigo-orange);
}

._tipoBadgePrueba_79dur_218 {
  background: rgba(139, 92, 246, 0.1);
  color: #8b5cf6;
}

/* Estado Extintor Badges */
._stateBadge_79dur_224 {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius-md);
  font-size: 0.8rem;
  font-weight: 600;
}

._stateBadgeBien_79dur_232 {
  background: rgba(34, 197, 94, 0.1);
  color: #22c55e;
}

._stateBadgeReparacion_79dur_237 {
  background: rgba(240, 117, 34, 0.1);
  color: var(--sigo-orange);
}

._stateBadgeFuera_79dur_242 {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}

/* Responsive */
@media (max-width: 768px) {
  ._infoCard_79dur_2 {
    padding: var(--space-3);
  }

  ._toolbar_79dur_40 {
    flex-direction: column;
    align-items: stretch;
  }

  ._toolbarActions_79dur_62 {
    flex-direction: column;
    width: 100%;
  }

  ._filterSelect_79dur_68 {
    width: 100%;
  }

  ._searchInput_79dur_92 {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    flex: 1 1 100%;
  }

  ._toast_79dur_141 {
    bottom: var(--space-3);
    right: var(--space-3);
    left: var(--space-3);
  }
}
/* Toolbar */
._toolbar_1b6yd_2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin-top: 0;
  margin-bottom: var(--space-6);
  padding: var(--space-4) var(--space-6);
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
}

._toolbar_1b6yd_2 h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-dark);
  flex-shrink: 0;
}

._toolbarActions_1b6yd_24 {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

._filterSelect_1b6yd_30 {
  padding: 0.6rem var(--space-3);
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  font-size: 0.9rem;
  color: var(--text-dark);
  cursor: pointer;
  height: 40px;
  box-sizing: border-box;
  font-family: inherit;
  line-height: 1;
}

._filterSelect_1b6yd_30:hover {
  border-color: var(--sigo-orange);
}

._filterSelect_1b6yd_30:focus {
  outline: none;
  border-color: var(--sigo-orange);
  box-shadow: 0 0 0 3px rgba(240, 117, 34, 0.1);
}

/* Table Wrapper */
._tableWrapper_1b6yd_55 {
  background: var(--card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  overflow: hidden;
  margin-top: var(--space-4);
}

/* Loading Spinner */
._loadingSpinner_1b6yd_64 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  gap: var(--space-3);
  color: var(--text-light);
}

._loadingSpinner_1b6yd_64 i {
  font-size: 2.5rem;
  animation: _spin_1b6yd_1 1s linear infinite;
}

@keyframes _spin_1b6yd_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Toast Notification */
._toast_1b6yd_89 {
  position: fixed;
  bottom: var(--space-4);
  right: var(--space-4);
  background: var(--card);
  border-left: 4px solid var(--sigo-orange);
  padding: var(--space-3);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--text-dark);
  font-weight: 600;
  animation: _slideInUp_1b6yd_1 0.3s ease-out;
  z-index: 1000;
}

._toast_1b6yd_89 i {
  color: var(--sigo-orange);
  font-size: 1.25rem;
}

@keyframes _slideInUp_1b6yd_1 {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Error Box */
._errorBox_1b6yd_124 {
  background: rgba(237, 50, 55, 0.1);
  border: 1px solid #ed3237;
  border-radius: var(--radius-md);
  padding: var(--space-3);
  margin-top: var(--space-4);
  color: #ed3237;
  font-size: 0.9rem;
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
}

._errorBox_1b6yd_124 i {
  flex-shrink: 0;
  margin-top: 0.2rem;
}

/* Tipo Solicitud Badges */
._tipoBadge_1b6yd_143 {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius-md);
  font-size: 0.8rem;
  font-weight: 600;
}

._tipoBadgeAsignacion_1b6yd_151 {
  background: rgba(107, 114, 128, 0.1);
  color: #6b7280;
}

._tipoBadgeMantenimiento_1b6yd_156 {
  background: rgba(240, 117, 34, 0.1);
  color: var(--sigo-orange);
}

/* Estado Solicitud - Inline Select */
._estadoSelect_1b6yd_162 {
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-md);
  font-size: 0.8rem;
  font-weight: 600;
  border: 1px solid transparent;
  cursor: pointer;
  appearance: auto;
}

._estadoBadgePendiente_1b6yd_172 {
  background: rgba(234, 179, 8, 0.1);
  color: #ca8a04;
}

._estadoBadgeProceso_1b6yd_177 {
  background: rgba(59, 130, 246, 0.1);
  color: #3b82f6;
}

._estadoBadgeCompletada_1b6yd_182 {
  background: rgba(34, 197, 94, 0.1);
  color: #22c55e;
}

._estadoBadgeRechazada_1b6yd_187 {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}

/* Responsive */
@media (max-width: 768px) {
  ._toolbar_1b6yd_2 {
    flex-direction: column;
    align-items: stretch;
  }

  ._toolbarActions_1b6yd_24 {
    flex-direction: column;
    width: 100%;
  }

  ._filterSelect_1b6yd_30 {
    width: 100%;
  }

  ._toast_1b6yd_89 {
    bottom: var(--space-3);
    right: var(--space-3);
    left: var(--space-3);
  }
}
/* ==========================================================================
   FACTURACIÓN - Page Styles
   ========================================================================== */

._filterPanel_sh7kq_5 {
  display: flex;
  gap: var(--space-3);
  align-items: flex-end;
  flex-wrap: wrap;
  background: var(--card);
  padding: var(--space-4);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  margin-bottom: var(--space-6);
}

._filterGroup_sh7kq_17 {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  flex: 1;
  min-width: 150px;
}

._filterGroup_sh7kq_17 label {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--text-dark);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._filterGroup_sh7kq_17 select,
._filterGroup_sh7kq_17 input {
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  font-size: 0.95rem;
  font-family: inherit;
  background: white;
  color: var(--text-dark);
  transition: border-color 0.2s;
}

._filterGroup_sh7kq_17 select:focus,
._filterGroup_sh7kq_17 input:focus {
  outline: none;
  border-color: var(--sigo-blue-primary);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

._summaryPanel_sh7kq_52 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--space-4);
  margin-bottom: var(--space-6);
}

._summaryItem_sh7kq_59 {
  background: linear-gradient(135deg, var(--sigo-blue-primary) 0%, #3b82f6 100%);
  color: white;
  padding: var(--space-4);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._summaryItem_sh7kq_59 ._label_sh7kq_70 {
  font-size: 0.9rem;
  font-weight: 600;
  opacity: 0.9;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._summaryItem_sh7kq_59 ._value_sh7kq_78 {
  font-size: 1.8rem;
  font-weight: 800;
  font-family: 'JetBrains Mono', monospace;
}

._tableContainer_sh7kq_84 {
  background: var(--card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

._table_sh7kq_84 {
  width: 100%;
  border-collapse: collapse;
}

._table_sh7kq_84 thead {
  background: var(--bg-secondary);
  border-bottom: 2px solid var(--border);
}

._table_sh7kq_84 th {
  padding: var(--space-3);
  text-align: left;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--text-dark);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._table_sh7kq_84 tbody tr {
  border-bottom: 1px solid var(--border);
  transition: background-color 0.2s;
}

._table_sh7kq_84 tbody tr:hover {
  background-color: rgba(59, 130, 246, 0.03);
}

._table_sh7kq_84 td {
  padding: var(--space-3);
  color: var(--text-dark);
  font-size: 0.95rem;
}

._table_sh7kq_84 ._mono_sh7kq_127 {
  font-family: 'JetBrains Mono', monospace;
  font-weight: 600;
  color: var(--sigo-blue-primary);
}

._table_sh7kq_84 ._costo_sh7kq_133 {
  font-family: 'JetBrains Mono', monospace;
  font-weight: 700;
  color: var(--sigo-green);
}

._table_sh7kq_84 ._escenario_sh7kq_139 {
  font-size: 0.85rem;
  background: rgba(59, 130, 246, 0.1);
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-sm);
  width: fit-content;
  text-transform: capitalize;
}

._badge_sh7kq_148 {
  display: inline-block;
  padding: 0.35rem 0.6rem;
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._badgeCompleted_sh7kq_158 {
  background: rgba(16, 185, 129, 0.2);
  color: #047857;
}

._badgePending_sh7kq_163 {
  background: rgba(245, 158, 11, 0.2);
  color: #b45309;
}

._btnDetalles_sh7kq_168 {
  padding: 0.35rem 0.75rem;
  font-size: 0.8rem;
  font-weight: 600;
  background: var(--sigo-blue-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all 0.2s;
}

._btnDetalles_sh7kq_168:hover {
  background: #2563eb;
  transform: translateY(-1px);
}

._rowExpanded_sh7kq_185 {
  background-color: rgba(59, 130, 246, 0.08);
}

._expandedRow_sh7kq_189 {
  background-color: rgba(59, 130, 246, 0.05);
}

._expandedRow_sh7kq_189 td {
  padding: var(--space-4);
  border-top: 2px solid var(--sigo-blue-primary);
}

._detallesContainer_sh7kq_198 {
  background: var(--bg-secondary);
  padding: var(--space-4);
  border-radius: var(--radius-md);
}

._detallesContainer_sh7kq_198 h4 {
  margin: 0 0 var(--space-4) 0;
  font-size: 1rem;
  color: var(--sigo-blue-primary);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._detallesList_sh7kq_213 {
  display: grid;
  gap: var(--space-3);
}

._detalleItem_sh7kq_218 {
  background: white;
  padding: var(--space-4);
  border: 2px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

._detalleHeader_sh7kq_226 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-3);
  padding-bottom: var(--space-3);
  border-bottom: 2px solid var(--sigo-blue-primary);
  gap: var(--space-3);
}

._codigoExtintor_sh7kq_236 {
  font-family: 'JetBrains Mono', monospace;
  font-weight: 600;
  color: var(--sigo-blue-primary);
}

._costoExtintor_sh7kq_242 {
  font-family: 'JetBrains Mono', monospace;
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--sigo-green);
}

._serviciosList_sh7kq_249 {
  display: grid;
  gap: 0;
}

._servicio_sh7kq_249 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9rem;
  padding: var(--space-2);
  background: var(--bg-secondary);
  border-radius: var(--radius-sm);
}

._servicio_sh7kq_249 ._precio_sh7kq_264 {
  font-family: 'JetBrains Mono', monospace;
  font-weight: 600;
  color: var(--sigo-orange);
}

._serviciosDetalladoItem_sh7kq_270 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--space-3);
  align-items: center;
  padding: var(--space-2) 0;
  border-bottom: 1px solid #e5e7eb;
  font-size: 0.95rem;
}

._servicioDescripcion_sh7kq_280 {
  color: var(--text-dark);
  font-weight: 500;
}

._servicioPrecio_sh7kq_285 {
  font-family: 'JetBrains Mono', monospace;
  font-weight: 600;
  color: var(--sigo-green);
  text-align: right;
  min-width: 100px;
}

._serviciosTotalItem_sh7kq_293 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--space-3);
  align-items: center;
  padding: var(--space-3) 0;
  border-top: 2px solid var(--sigo-blue-primary);
  font-size: 1rem;
  margin-top: var(--space-2);
}

._btnEliminar_sh7kq_304 {
  padding: 0.35rem 0.75rem;
  font-size: 0.8rem;
  font-weight: 600;
  background: #ef4444;
  color: white;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all 0.2s;
}

._btnEliminar_sh7kq_304:hover {
  background: #dc2626;
  transform: translateY(-1px);
}

._modal_sh7kq_321 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: var(--space-4);
}

._modalContent_sh7kq_332 {
  background: white;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  max-width: 420px;
  width: 100%;
  overflow: hidden;
}

._modalContent_sh7kq_332 h3 {
  margin: 0;
  padding: var(--space-4);
  background: #fef2f2;
  color: #991b1b;
  font-size: 1.1rem;
  font-weight: 700;
  border-bottom: 1px solid var(--border);
}

._modalContent_sh7kq_332 p {
  margin: 0;
  padding: var(--space-4);
  color: var(--text-dark);
  font-size: 0.95rem;
  line-height: 1.5;
}

._modalInput_sh7kq_359 {
  width: 100%;
  padding: 0.75rem var(--space-4);
  margin: 0 var(--space-4) var(--space-3);
  border: 2px solid var(--border);
  border-radius: var(--radius-md);
  font-size: 0.95rem;
  font-family: 'JetBrains Mono', monospace;
  transition: border-color 0.2s;
  box-sizing: border-box;
}

._modalInput_sh7kq_359:focus {
  outline: none;
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

._modalActions_sh7kq_377 {
  display: flex;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4) var(--space-4);
  justify-content: flex-end;
  border-top: 1px solid var(--border);
}

@media (max-width: 768px) {
  ._filterPanel_sh7kq_5 {
    flex-direction: column;
  }

  ._filterGroup_sh7kq_17 {
    width: 100%;
  }

  ._table_sh7kq_84 {
    font-size: 0.85rem;
  }

  ._table_sh7kq_84 th,
  ._table_sh7kq_84 td {
    padding: var(--space-2);
  }

  ._summaryItem_sh7kq_59 {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-2);
  }

  ._modalContent_sh7kq_332 {
    max-width: calc(100% - 2rem);
  }
}
._page_rls0j_1 {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 26px;
  background:
    radial-gradient(circle at 8% 10%, rgba(220, 38, 38, 0.3), transparent 40%),
    radial-gradient(circle at 90% 90%, rgba(239, 68, 68, 0.24), transparent 38%),
    linear-gradient(180deg, #fee2e2 0%, #fecdd3 28%, #ffe4e6 55%, #f8fafc 100%);
}

._card_rls0j_13 {
  width: 100%;
  max-width: 820px;
  background: #ffffff;
  border: 1px solid #f1f5f9;
  border-radius: 22px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.12);
  padding: 30px;
}

._header_rls0j_23 {
  text-align: center;
  margin-bottom: 18px;
}

._headerBrand_rls0j_28 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-align: left;
}

._headerLogo_rls0j_35 {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  object-fit: cover;
  border: 1px solid #e5e7eb;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
}

._header_rls0j_23 h1 {
  margin: 0 0 2px;
  font-size: 2rem;
  font-weight: 900;
  color: #0f172a;
}

._header_rls0j_23 p {
  margin: 0;
  color: #6b7280;
  font-size: 0.92rem;
  font-weight: 600;
}

._stateBox_rls0j_58 {
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  border-radius: 12px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #334155;
  font-weight: 600;
}

._stateBox_rls0j_58 i {
  font-size: 1.1rem;
}

._stateError_rls0j_74 {
  border-color: #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}

._semaforoStrip_rls0j_80 {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #ffffff;
  box-shadow:
    0 2px 8px rgba(15, 23, 42, 0.06),
    0 1px 1px rgba(15, 23, 42, 0.04);
}

._semaforoTitle_rls0j_91 {
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #64748b;
  margin-bottom: 6px;
}

._semaforoRow_rls0j_100 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._semaforoRow_rls0j_100 strong {
  font-size: 0.82rem;
  color: #0f172a;
}

._semaforoDetail_rls0j_111 {
  font-size: 0.8rem;
  color: #475569;
}

._semaforoChip_rls0j_116 {
  border-radius: 999px;
  padding: 3px 8px;
  border: 1px solid transparent;
  line-height: 1.1;
}

._semaforoChip-verde_rls0j_123 {
  background: #dcfce7;
  border-color: #86efac;
  color: #166534;
}

._semaforoChip-amarillo_rls0j_129 {
  background: #fef9c3;
  border-color: #fde68a;
  color: #854d0e;
}

._semaforoChip-naranja_rls0j_135 {
  background: #ffedd5;
  border-color: #fdba74;
  color: #9a3412;
}

._semaforoChip-rojo_rls0j_141 {
  background: #fee2e2;
  border-color: #fca5a5;
  color: #991b1b;
}

._semaforoChip-gris_rls0j_147 {
  background: #e2e8f0;
  border-color: #cbd5e1;
  color: #334155;
}

._semaforoDot_rls0j_153 {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  display: inline-block;
  box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.06);
}

._semaforo-verde_rls0j_161 {
  background: #22c55e;
}

._semaforo-amarillo_rls0j_165 {
  background: #f59e0b;
}

._semaforo-naranja_rls0j_169 {
  background: #f97316;
}

._semaforo-rojo_rls0j_173 {
  background: #ef4444;
}

._semaforo-gris_rls0j_177 {
  background: #94a3b8;
}

._semaforoMeta_rls0j_181 {
  margin-top: 8px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

._semaforoMetaItem_rls0j_188 {
  border: 1px dashed #cbd5e1;
  background: #f8fafc;
  border-radius: 8px;
  padding: 6px 8px;
  font-size: 0.78rem;
  color: #475569;
}

._semaforoMetaItem_rls0j_188 strong {
  color: #0f172a;
}

._grid_rls0j_201 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}

._field_rls0j_207 {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 11px 12px;
  background: #ffffff;
  box-shadow:
    0 2px 8px rgba(15, 23, 42, 0.06),
    0 1px 1px rgba(15, 23, 42, 0.04);
}

._field_rls0j_207 label {
  display: block;
  margin-bottom: 3px;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._field_rls0j_207 strong {
  font-size: 0.96rem;
  line-height: 1.25;
  color: #111827;
  text-transform: capitalize;
}

._whatsappBtn_rls0j_234 {
  width: 100%;
  border: none;
  border-radius: 10px;
  background: #22c55e;
  color: white;
  font-weight: 800;
  font-size: 0.86rem;
  line-height: 1.2;
  padding: 10px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  white-space: nowrap;
  text-align: center;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

._whatsappBtn_rls0j_234 i {
  font-size: 0.95rem;
}

._whatsappBtn_rls0j_234:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

._whatsappBtn_rls0j_234:not(:disabled):hover {
  transform: translateY(-1px);
  filter: brightness(1.02);
  box-shadow: 0 6px 14px rgba(34, 197, 94, 0.28);
}

._whatsappBtn_rls0j_234:not(:disabled):active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(34, 197, 94, 0.22);
}

._actionsRow_rls0j_274 {
  margin-top: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 6px;
}

._quickAssignBox_rls0j_281 {
  margin-bottom: 12px;
  border: 1px solid #c7d2fe;
  background: linear-gradient(180deg, #eef2ff 0%, #e7efff 100%);
  border-radius: 14px;
  padding: 10px;
}

._quickAssignPill_rls0j_289 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border: 1px solid #bfdbfe;
  background: #dbeafe;
  color: #1d4ed8;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  margin-bottom: 8px;
}

._quickAssignContent_rls0j_303 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
}

._quickAssignTextWrap_rls0j_310 {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

._quickAssignTitle_rls0j_316 {
  margin: 0;
  color: #1e40af;
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1.25;
}

._quickAssignText_rls0j_310 {
  margin: 0;
  color: #334155;
  font-size: 0.76rem;
  font-weight: 700;
}

._statusRow_rls0j_331 {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

._statusBadge_rls0j_339 {
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 0.8rem;
  font-weight: 800;
}

._status-verde_rls0j_346 {
  background: #dcfce7;
  color: #166534;
}

._status-amarillo_rls0j_351 {
  background: #fef9c3;
  color: #854d0e;
}

._status-rojo_rls0j_356 {
  background: #fee2e2;
  color: #b91c1c;
}

._daysText_rls0j_361 {
  font-size: 0.86rem;
  font-weight: 700;
  color: #334155;
}

._historyBtn_rls0j_367 {
  width: 100%;
  border: 1px solid #d1d5db;
  border-radius: 10px;
  background: #f8fafc;
  color: #1f2937;
  font-weight: 800;
  font-size: 0.82rem;
  line-height: 1.2;
  padding: 10px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  white-space: nowrap;
  text-align: center;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

._historyBtn_rls0j_367:hover {
  transform: translateY(-1px);
  background: #f1f5f9;
  box-shadow: 0 5px 12px rgba(15, 23, 42, 0.12);
}

._historyBtn_rls0j_367:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.12);
}

._callBtn_rls0j_398 {
  width: 100%;
  border: 1px solid #0ea5e9;
  border-radius: 10px;
  background: #f0f9ff;
  color: #075985;
  font-weight: 800;
  font-size: 0.82rem;
  line-height: 1.2;
  padding: 10px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-decoration: none !important;
  white-space: nowrap;
  text-align: center;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

._callBtn_rls0j_398:hover,
._callBtn_rls0j_398:focus,
._callBtn_rls0j_398:visited,
._callBtn_rls0j_398:active {
  text-decoration: none !important;
}

._callBtn_rls0j_398 *,
._callBtn_rls0j_398:hover *,
._callBtn_rls0j_398:focus * {
  text-decoration: none !important;
}

._callBtn_rls0j_398:hover {
  transform: translateY(-1px);
  background: #e0f2fe;
  box-shadow: 0 5px 12px rgba(14, 165, 233, 0.2);
}

._callBtn_rls0j_398:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(14, 165, 233, 0.2);
}

._registerBtn_rls0j_443 {
  margin-top: 0;
  width: auto;
  min-width: 210px;
  border: 1px solid #f59e0b;
  border-radius: 10px;
  background: linear-gradient(180deg, #fffbeb 0%, #fef3c7 100%);
  color: #92400e;
  font-weight: 800;
  font-size: 0.8rem;
  padding: 8px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

._registerBtn_rls0j_443:hover {
  border-color: #f59e0b;
  filter: brightness(0.99);
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(245, 158, 11, 0.2);
}

._registerBtn_rls0j_443:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(245, 158, 11, 0.2);
}

._feedback_rls0j_474 {
  margin: 10px 0 0;
  text-align: center;
  font-size: 0.9rem;
  color: #334155;
}

._supportBox_rls0j_481 {
  margin-top: 10px;
  border: 1px dashed #d1d5db;
  background: #ffffff;
  border-radius: 10px;
  padding: 9px 11px;
  font-size: 0.8rem;
  color: #6b7280;
  font-weight: 600;
  text-align: center;
}

._linksSection_rls0j_493 {
  margin-top: 14px;
  border: 1px solid #fecaca;
  background: linear-gradient(180deg, #fff1f2 0%, #ffe4e6 100%);
  border-radius: 12px;
  padding: 10px;
}

._linksHeader_rls0j_501 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

._linksHeader_rls0j_501 i {
  color: #b91c1c;
  font-size: 1rem;
}

._linksTitle_rls0j_513 {
  margin: 0;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #7f1d1d;
  text-transform: uppercase;
}

._linksSubtitle_rls0j_522 {
  margin: 1px 0 0;
  font-size: 0.75rem;
  color: #991b1b;
  font-weight: 600;
}

._linksGrid_rls0j_529 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

._linkBtn_rls0j_535 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: left;
  text-decoration: none !important;
  border: 1px solid #fca5a5;
  background: #fff;
  color: #7f1d1d;
  font-weight: 700;
  font-size: 0.82rem;
  border-radius: 10px;
  padding: 9px 10px;
  min-height: 56px;
  gap: 8px;
}

._linkBtn_rls0j_535:hover,
._linkBtn_rls0j_535:focus,
._linkBtn_rls0j_535:visited,
._linkBtn_rls0j_535:active {
  text-decoration: none !important;
}

._linkBtn_rls0j_535 *,
._linkBtn_rls0j_535:hover *,
._linkBtn_rls0j_535:focus * {
  text-decoration: none !important;
}

._linkBtn_rls0j_535:hover {
  border-color: #ef4444;
  background: #fff5f5;
}

._linkBtnCopy_rls0j_571 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

._linkBtnTitle_rls0j_577 {
  font-size: 0.79rem;
  font-weight: 800;
  color: #7f1d1d;
  line-height: 1.15;
}

._linkBtnText_rls0j_584 {
  margin-top: 2px;
  font-size: 0.72rem;
  font-weight: 700;
  color: #b91c1c;
}

._linkBtnIcon_rls0j_591 {
  font-size: 1rem;
  color: #dc2626;
  flex-shrink: 0;
}

._modalOverlay_rls0j_597 {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  z-index: 1200;
}

._modalCard_rls0j_608 {
  width: 100%;
  max-width: 660px;
  max-height: 80vh;
  overflow: auto;
  background: #fff;
  border-radius: 14px;
  border: 1px solid #dbe7ff;
  box-shadow: 0 26px 56px rgba(15, 23, 42, 0.3);
}

._modalCardForm_rls0j_619 {
  max-width: 700px;
}

._modalHeader_rls0j_623 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 11px 14px;
  border-bottom: 1px solid #dbe7ff;
  background: linear-gradient(180deg, #f1f5ff 0%, #eef2ff 100%);
}

._modalHeader_rls0j_623 h3 {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 900;
  color: #111827;
}

._modalHeader_rls0j_623 button {
  border: 1px solid #d1d5db;
  background: #fff;
  border-radius: 8px;
  padding: 6px 10px;
  font-weight: 700;
  cursor: pointer;
}

._emptyHistory_rls0j_649 {
  padding: 16px;
  color: #64748b;
  font-weight: 600;
}

._formBody_rls0j_655 {
  padding: 16px 18px;
  background: #fcfdff;
}

._formIntro_rls0j_660 {
  margin-bottom: 10px;
  border: 1px solid #dbeafe;
  background: #eff6ff;
  color: #1e3a8a;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 0.8rem;
  font-weight: 600;
}

._formError_rls0j_671 {
  margin-bottom: 10px;
  border: 1px solid #fecaca;
  background: #fef2f2;
  color: #991b1b;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 0.86rem;
  font-weight: 700;
}

._formGroup_rls0j_682 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 0;
}

._formGrid_rls0j_689 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

._formSpan2_rls0j_695 {
  grid-column: span 2;
}

._formGroup_rls0j_682 label {
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475569;
}

._formGroup_rls0j_682 input,
._formGroup_rls0j_682 textarea {
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 9px 10px;
  font-size: 0.92rem;
  color: #0f172a;
  background: #fff;
}

._formGroup_rls0j_682 textarea {
  resize: vertical;
  min-height: 72px;
}

._formGroup_rls0j_682 input:focus,
._formGroup_rls0j_682 textarea:focus {
  outline: none;
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}

._formHint_rls0j_729 {
  margin-top: 3px;
  font-size: 0.74rem;
  color: #64748b;
  font-weight: 600;
}

._formActions_rls0j_736 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

._formCancelBtn_rls0j_743 {
  border: 1px solid #d1d5db;
  background: #fff;
  color: #475569;
  border-radius: 8px;
  padding: 8px 12px;
  font-weight: 700;
  cursor: pointer;
}

._formSubmitBtn_rls0j_753 {
  border: 1px solid #16a34a;
  background: #22c55e;
  color: #fff;
  border-radius: 8px;
  padding: 8px 12px;
  font-weight: 800;
  cursor: pointer;
}

._formSubmitBtn_rls0j_753:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

._historyList_rls0j_768 {
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._historyItem_rls0j_775 {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 10px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  background: #fafafa;
}

._historyItem_rls0j_775 strong {
  font-size: 0.95rem;
  color: #0f172a;
}

._historyItem_rls0j_775 p {
  margin: 2px 0 0;
  font-size: 0.83rem;
  color: #64748b;
}

._historyItem_rls0j_775 span {
  display: inline-block;
}

._historyState_rls0j_800 {
  font-size: 0.78rem;
  font-weight: 800;
  border-radius: 999px;
  padding: 4px 8px;
}

._historyStateBien_rls0j_807 {
  background: #dcfce7;
  color: #166534;
}

._historyStateNecesitaReparacion_rls0j_812 {
  background: #fef9c3;
  color: #854d0e;
}

._historyStateFueraDeServicio_rls0j_817 {
  background: #fee2e2;
  color: #b91c1c;
}

@media (max-width: 640px) {
  ._page_rls0j_1 {
    padding: 14px;
    align-items: flex-start;
  }

  ._card_rls0j_13 {
    padding: 18px;
  }

  ._grid_rls0j_201 {
    grid-template-columns: 1fr;
  }

  ._headerBrand_rls0j_28 {
    align-items: center;
    text-align: left;
  }

  ._headerLogo_rls0j_35 {
    width: 36px;
    height: 36px;
  }

  ._header_rls0j_23 h1 {
    font-size: 1.5rem;
  }

  ._actionsRow_rls0j_274 {
    grid-template-columns: 1fr;
  }

  ._semaforoRow_rls0j_100 {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  ._semaforoMeta_rls0j_181 {
    grid-template-columns: 1fr;
  }

  ._registerBtn_rls0j_443 {
    width: 100%;
    min-width: 0;
  }

  ._quickAssignContent_rls0j_303 {
    grid-template-columns: 1fr;
  }

  ._linksGrid_rls0j_529 {
    grid-template-columns: 1fr;
  }

  ._historyItem_rls0j_775 {
    grid-template-columns: 1fr;
  }

  ._formGrid_rls0j_689 {
    grid-template-columns: 1fr;
  }

  ._formSpan2_rls0j_695 {
    grid-column: span 1;
  }
}