/* Reducción de tamaños de fuente para el CRM CENET */

/* Variables CSS para tamaños de fuente reducidos */
:root {
    --font-size-xs: 0.65rem;    /* 10.4px */
    --font-size-sm: 0.75rem;    /* 12px */
    --font-size-base: 0.8rem;   /* 12.8px */
    --font-size-lg: 0.875rem;   /* 14px */
    --font-size-xl: 1rem;       /* 16px */
    --font-size-2xl: 1.125rem;  /* 18px */
    --font-size-3xl: 1.25rem;   /* 20px */
    --font-size-4xl: 1.5rem;    /* 24px */
    --font-size-5xl: 1.75rem;   /* 28px */
}

/* Reducción general de fuentes en el body */
body {
    font-size: var(--font-size-base) !important;
    line-height: 1.4;
}

/* Sidebar y navegación */
.sidebar-menu {
    font-size: var(--font-size-sm) !important;
}

.sidebar-logo {
    font-size: var(--font-size-lg) !important;
}

.sidebar-menu .nav-link {
    font-size: var(--font-size-sm) !important;
    padding: 8px 16px !important;
}

.sidebar-menu .icon {
    font-size: var(--font-size-base) !important;
}

.collapse-btn {
    font-size: var(--font-size-lg) !important;
}

.badge {
    font-size: var(--font-size-xs) !important;
}

/* Títulos de página - REDUCIDOS SIGNIFICATIVAMENTE */
.deals-page-title,
.opportunities-page-title,
.dashboard-page-title {
    font-size: var(--font-size-2xl) !important; /* Era 1.5rem, ahora 1.125rem */
}

/* Métricas y valores grandes - REDUCIDOS DRAMÁTICAMENTE */
.metric-value,
.metric-value-display {
    font-size: var(--font-size-3xl) !important; /* Era 1.875rem, ahora 1.25rem */
}

/* Títulos de sección */
.section-title,
.deals-card-header h3,
.insights-panel-title {
    font-size: var(--font-size-lg) !important; /* Era 1.125rem, ahora 0.875rem */
}

/* Subtítulos y etiquetas */
.metric-label,
.metric-label-text,
.deals-card-header p {
    font-size: var(--font-size-sm) !important;
}

/* Texto en tablas */
.deals-header-cell,
.deals-data-cell,
.opportunities-header-cell,
.opportunities-data-cell {
    font-size: var(--font-size-sm) !important;
}

/* Botones */
.btn,
.quick-action-btn,
.deals-action-button {
    font-size: var(--font-size-sm) !important;
}

/* Inputs y formularios */
input,
select,
textarea,
.filter-input {
    font-size: var(--font-size-sm) !important;
}

/* Badges y estados */
.status-badge,
.source-badge,
.score-badge {
    font-size: var(--font-size-xs) !important;
}

/* Tooltips */
.tooltip,
[title]:hover::after {
    font-size: var(--font-size-xs) !important;
}

/* Paginación */
.pagination-btn {
    font-size: var(--font-size-sm) !important;
}

/* Filtros */
.filter-label {
    font-size: var(--font-size-sm) !important;
}

.filter-chip label {
    font-size: var(--font-size-sm) !important;
}

/* Búsqueda */
.global-search {
    font-size: var(--font-size-sm) !important;
}

.global-search::placeholder {
    font-size: var(--font-size-sm) !important;
}

/* Insights y recomendaciones */
.insight-content {
    font-size: var(--font-size-sm) !important;
}

.insight-type-label {
    font-size: var(--font-size-xs) !important;
}

/* Dashboard específico - REDUCIDOS SIGNIFICATIVAMENTE */
.metric-card .metric-value {
    font-size: var(--font-size-3xl) !important; /* Era 1.875rem, ahora 1.25rem */
}

.metric-card .metric-label {
    font-size: var(--font-size-sm) !important;
}

.action-title {
    font-size: var(--font-size-sm) !important; /* Era 0.9rem, ahora 0.75rem */
}

.action-subtitle {
    font-size: var(--font-size-xs) !important; /* Era 0.875rem, ahora 0.65rem */
}

/* Login específico */
.login-container h1 {
    font-size: var(--font-size-3xl) !important; /* Era 1.875rem, ahora 1.25rem */
}

.login-container h2 {
    font-size: var(--font-size-xl) !important; /* Era 1.25rem, ahora 1rem */
}

.login-form input {
    font-size: var(--font-size-sm) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .deals-page-title,
    .opportunities-page-title,
    .dashboard-page-title {
        font-size: var(--font-size-xl) !important; /* Era 1.25rem, ahora 1rem */
    }
    
    .metric-value,
    .metric-value-display {
        font-size: var(--font-size-2xl) !important; /* Era 1.5rem, ahora 1.125rem */
    }
    
    .sidebar-menu .nav-link {
        font-size: var(--font-size-sm) !important;
        padding: 7px 12px !important;
    }
}

@media (max-width: 480px) {
    .deals-page-title,
    .opportunities-page-title,
    .dashboard-page-title {
        font-size: var(--font-size-lg) !important; /* Era 1.125rem, ahora 0.875rem */
    }
    
    .metric-value,
    .metric-value-display {
        font-size: var(--font-size-xl) !important; /* Era 1.25rem, ahora 1rem */
    }
    
    .deals-data-cell,
    .opportunities-data-cell {
        font-size: var(--font-size-xs) !important;
    }
}

/* Override para elementos específicos que necesitan ser más pequeños */
.cell-secondary-text {
    font-size: var(--font-size-xs) !important;
}

.deal-category {
    font-size: var(--font-size-xs) !important;
}

.trend-indicator {
    font-size: var(--font-size-xs) !important;
}

/* Ajustes para el menú colapsado */
.sidebar-menu.collapsed .nav-link {
    padding: 8px 6px !important;
}

/* Ajustes para tooltips del menú */
.sidebar-menu .nav-link[title]:hover::after {
    font-size: var(--font-size-xs) !important;
    padding: 2px 6px !important;
}

/* Ajustes adicionales para elementos específicos */
.user-info {
    font-size: var(--font-size-sm) !important;
}

.user-avatar {
    font-size: var(--font-size-sm) !important;
}

.role-btn {
    font-size: var(--font-size-sm) !important;
}

.metric-trend {
    font-size: var(--font-size-xs) !important;
}

.pipeline-stage .stage-header {
    font-size: var(--font-size-sm) !important;
}

.pipeline-stage .stage-value {
    font-size: var(--font-size-base) !important; /* Era 1rem, ahora 0.8rem */
}

.pipeline-stage .stage-count {
    font-size: var(--font-size-xs) !important;
}

.quick-btn {
    font-size: var(--font-size-sm) !important;
}

/* Ajustes para elementos de oportunidades */
.opportunity-title {
    font-size: var(--font-size-sm) !important; /* Era 0.9rem, ahora 0.75rem */
}

.opportunity-description {
    font-size: var(--font-size-xs) !important; /* Era 0.875rem, ahora 0.65rem */
}

.opportunity-value {
    font-size: var(--font-size-base) !important; /* Era 1rem, ahora 0.8rem */
}

.opportunity-probability {
    font-size: var(--font-size-sm) !important;
}

/* (limpieza) se removieron selectores legacy de deals no usados */

/* Ajustes para elementos de clientes */
.customer-name {
    font-size: var(--font-size-sm) !important; /* Era 0.9rem, ahora 0.75rem */
}

.customer-email {
    font-size: var(--font-size-xs) !important; /* Era 0.875rem, ahora 0.65rem */
}

.customer-company {
    font-size: var(--font-size-sm) !important;
}

/* Ajustes para elementos de configuración */
.config-section-title {
    font-size: var(--font-size-lg) !important; /* Era 1.125rem, ahora 0.875rem */
}

.config-item-label {
    font-size: var(--font-size-sm) !important;
}

.config-item-description {
    font-size: var(--font-size-xs) !important;
}

/* Ajustes para elementos de reportes */
.report-title {
    font-size: var(--font-size-lg) !important; /* Era 1.125rem, ahora 0.875rem */
}

.report-description {
    font-size: var(--font-size-xs) !important; /* Era 0.875rem, ahora 0.65rem */
}

.report-value {
    font-size: var(--font-size-base) !important; /* Era 1rem, ahora 0.8rem */
}

/* Ajustes para elementos de búsqueda avanzada */
.search-result-title {
    font-size: var(--font-size-sm) !important; /* Era 0.9rem, ahora 0.75rem */
}

.search-result-subtitle {
    font-size: var(--font-size-xs) !important; /* Era 0.875rem, ahora 0.65rem */
}

.search-result-meta {
    font-size: var(--font-size-xs) !important;
}

/* Ajustes para elementos de filtros avanzados */
.filter-group-title {
    font-size: var(--font-size-sm) !important;
}

.filter-option {
    font-size: var(--font-size-sm) !important;
}

.filter-description {
    font-size: var(--font-size-xs) !important;
}

/* Ajustes para elementos de paginación avanzada */
.pagination-info {
    font-size: var(--font-size-sm) !important;
}

.pagination-size-selector {
    font-size: var(--font-size-sm) !important;
}

/* Ajustes para elementos de exportación */
.export-option {
    font-size: var(--font-size-sm) !important;
}

.export-description {
    font-size: var(--font-size-xs) !important;
}

/* Ajustes para elementos de importación */
.import-option {
    font-size: var(--font-size-sm) !important;
}

.import-description {
    font-size: var(--font-size-xs) !important;
}

/* Ajustes para elementos de ayuda */
.help-title {
    font-size: var(--font-size-lg) !important; /* Era 1.125rem, ahora 0.875rem */
}

.help-content {
    font-size: var(--font-size-xs) !important; /* Era 0.875rem, ahora 0.65rem */
}

.help-note {
    font-size: var(--font-size-xs) !important;
}

/* Ajustes para elementos de perfil de usuario */
.profile-name {
    font-size: var(--font-size-base) !important; /* Era 1rem, ahora 0.8rem */
}

.profile-email {
    font-size: var(--font-size-xs) !important; /* Era 0.875rem, ahora 0.65rem */
}

.profile-role {
    font-size: var(--font-size-sm) !important;
}

/* Ajustes para elementos de configuración de cuenta */
.account-setting-label {
    font-size: var(--font-size-sm) !important;
}

.account-setting-value {
    font-size: var(--font-size-sm) !important;
}

.account-setting-description {
    font-size: var(--font-size-xs) !important;
}

/* SOBRESCRITURAS ESPECÍFICAS PARA ARCHIVOS CSS EXISTENTES */

/* Dashboard.css - Sobrescribir tamaños grandes */
.metric-value {
    font-size: var(--font-size-3xl) !important; /* Era 2.5rem, ahora 1.25rem */
}

.metric-label {
    font-size: var(--font-size-sm) !important; /* Era 0.9rem, ahora 0.75rem */
}

.metric-trend {
    font-size: var(--font-size-xs) !important; /* Era 0.85rem, ahora 0.65rem */
}

.section-title {
    font-size: var(--font-size-lg) !important; /* Era 1.2rem, ahora 0.875rem */
}

.action-subtitle {
    font-size: var(--font-size-xs) !important; /* Era 0.85rem, ahora 0.65rem */
}

.stage-header {
    font-size: var(--font-size-sm) !important; /* Era 0.8rem, ahora 0.75rem */
}

.stage-value {
    font-size: var(--font-size-base) !important; /* Era 1.4rem, ahora 0.8rem */
}

.stage-count {
    font-size: var(--font-size-xs) !important; /* Era 0.75rem, ahora 0.65rem */
}

/* Opportunities.css - Sobrescribir tamaños grandes */
.opportunity-value {
    font-size: var(--font-size-base) !important; /* Era 2rem, ahora 0.8rem */
}

.opportunity-title {
    font-size: var(--font-size-sm) !important; /* Era 1.1rem, ahora 0.75rem */
}

.opportunity-description {
    font-size: var(--font-size-xs) !important; /* Era 0.9rem, ahora 0.65rem */
}

/* (limpieza) se removieron overrides legacy de Prospects.css (antes Deals.css) */

/* Login.css - Sobrescribir tamaños grandes */
.login-container h1 {
    font-size: var(--font-size-3xl) !important; /* Era 2.5rem, ahora 1.25rem */
}

.login-container h2 {
    font-size: var(--font-size-xl) !important; /* Era 2rem, ahora 1rem */
}

/* Ajustes adicionales para elementos específicos que podrían estar muy grandes */
.insight-title {
    font-size: var(--font-size-sm) !important; /* Era 0.9rem, ahora 0.75rem */
}

.insight-description {
    font-size: var(--font-size-xs) !important; /* Era 0.875rem, ahora 0.65rem */
}

.quick-action-btn {
    font-size: var(--font-size-sm) !important;
}

/* (limpieza) se removió .deals-action-button legacy */

/* Ajustes para elementos de navegación específicos */
.nav-link {
    font-size: var(--font-size-sm) !important;
}

.nav-link .icon {
    font-size: var(--font-size-base) !important;
}

/* Ajustes para elementos de formulario específicos */
.form-control {
    font-size: var(--font-size-sm) !important;
}

.form-label {
    font-size: var(--font-size-sm) !important;
}

.form-text {
    font-size: var(--font-size-xs) !important;
}

/* Ajustes para elementos de tabla específicos */
.table th {
    font-size: var(--font-size-sm) !important;
}

.table td {
    font-size: var(--font-size-sm) !important;
}

/* Ajustes para elementos de modal específicos */
.modal-title {
    font-size: var(--font-size-lg) !important; /* Era 1.125rem, ahora 0.875rem */
}

.modal-body {
    font-size: var(--font-size-xs) !important; /* Era 0.875rem, ahora 0.65rem */
}

/* Ajustes para elementos de alerta específicos */
.alert {
    font-size: var(--font-size-xs) !important; /* Era 0.875rem, ahora 0.65rem */
}

.alert-title {
    font-size: var(--font-size-sm) !important; /* Era 0.9rem, ahora 0.75rem */
}

/* Ajustes para elementos de breadcrumb específicos */
.breadcrumb {
    font-size: var(--font-size-sm) !important;
}

.breadcrumb-item {
    font-size: var(--font-size-sm) !important;
}

/* Ajustes para elementos de dropdown específicos */
.dropdown-menu {
    font-size: var(--font-size-sm) !important;
}

.dropdown-item {
    font-size: var(--font-size-sm) !important;
}

/* Ajustes para elementos de card específicos */
.card-title {
    font-size: var(--font-size-sm) !important; /* Era 0.9rem, ahora 0.75rem */
}

.card-text {
    font-size: var(--font-size-xs) !important; /* Era 0.875rem, ahora 0.65rem */
}

.card-subtitle {
    font-size: var(--font-size-sm) !important;
}

/* Ajustes para elementos de list group específicos */
.list-group-item {
    font-size: var(--font-size-sm) !important;
}

.list-group-item-heading {
    font-size: var(--font-size-sm) !important; /* Era 0.9rem, ahora 0.75rem */
}

/* Ajustes para elementos de progress específicos */
.progress-label {
    font-size: var(--font-size-sm) !important;
}

/* Ajustes para elementos de badge específicos */
.badge {
    font-size: var(--font-size-xs) !important;
}

.badge-lg {
    font-size: var(--font-size-sm) !important;
}

/* Ajustes para elementos de tooltip específicos */
.tooltip-inner {
    font-size: var(--font-size-xs) !important;
}

/* Ajustes para elementos de popover específicos */
.popover-title {
    font-size: var(--font-size-sm) !important; /* Era 0.9rem, ahora 0.75rem */
}

.popover-content {
    font-size: var(--font-size-xs) !important; /* Era 0.875rem, ahora 0.65rem */
}

/* REDUCCIONES ADICIONALES ESPECÍFICAS PARA ELEMENTOS MUY GRANDES */

/* Reducción adicional para números de métricas que siguen siendo muy grandes */
.metric-card .metric-value,
.metric-value-display,
.hero-metrics .metric-value {
    font-size: var(--font-size-2xl) !important; /* 18px en lugar de 30px */
    font-weight: 600 !important; /* Reducir peso de fuente también */
}

/* Reducción adicional para títulos de página */
.deals-page-title,
.opportunities-page-title,
.dashboard-page-title,
.page-title {
    font-size: var(--font-size-xl) !important; /* 16px en lugar de 24px */
    font-weight: 600 !important;
}

/* Reducción adicional para títulos de sección */
.section-title,
.deals-card-header h3,
.insights-panel-title,
.card-header h3 {
    font-size: var(--font-size-base) !important; /* 12.8px en lugar de 18px */
    font-weight: 600 !important;
}

/* Reducción adicional para elementos de navegación */
.sidebar-menu .nav-link {
    font-size: var(--font-size-sm) !important; /* 12px */
    padding: 7px 12px !important;
}

.sidebar-logo {
    font-size: var(--font-size-xl) !important; /* 16px */
    font-weight: 700 !important;
    padding: 10px 14px !important;
}

.sidebar-menu .icon {
    font-size: var(--font-size-base) !important; /* 12.8px */
}

/* Reducción adicional para botones */
.btn,
.quick-action-btn,
.deals-action-button,
.action-btn {
    font-size: var(--font-size-xs) !important; /* 10.4px en lugar de 14px */
    padding: 6px 12px !important;
}

/* Reducción adicional para inputs */
input,
select,
textarea,
.filter-input,
.global-search {
    font-size: var(--font-size-xs) !important; /* 10.4px en lugar de 14px */
    padding: 6px 10px !important;
}

/* Reducción adicional para tablas */
.deals-header-cell,
.deals-data-cell,
.opportunities-header-cell,
.opportunities-data-cell,
.table th,
.table td {
    font-size: var(--font-size-xs) !important; /* 10.4px en lugar de 14px */
    padding: 6px 8px !important;
}

/* Reducción adicional para badges */
.status-badge,
.source-badge,
.score-badge,
.badge {
    font-size: 0.6rem !important; /* 9.6px */
    padding: 2px 6px !important;
}

/* Reducción adicional para tooltips */
.tooltip,
[title]:hover::after,
.tooltip-inner {
    font-size: 0.6rem !important; /* 9.6px */
    padding: 2px 4px !important;
}