.alerta-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
        flex-wrap: wrap;
    }
    .alerta-actions {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .alerta-filtro {
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }
    .btn-export {
        padding: 8px 16px;
        background: #333333;
        color: #ffffff;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        font-size: 14px;
    }
    .btn-export:disabled {
        opacity: 0.6;
        cursor: not-allowed;
    }
    #popupModal {
      display:none; position:fixed; top:10%; left:50%; transform:translateX(-50%);
      background:white; padding:20px; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.3);
      max-height:70%; overflow-y:auto; width:90%; max-width:600px; z-index:9999;
    }
    #popupContent {
      white-space:pre-wrap; font-size:14px; max-height:300px; overflow-y:auto; padding-right:10px;
    }
    .btn {
        padding: 10px 20px;
        border: none;
        border-radius: 6px;
        font-size: 15px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s;
    }
    
    .btn-update {
        background: #27ae60;
        color: white;
    }
    
    .btn-update:hover {
        background: #229954;
    }
    
    .btn-logout {
        background: #e74c3c;
        color: white;
    }
    
    .btn-logout:hover {
        background: #c0392b;
    }
    
    .btn:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }
    .loading {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #333;
        font-size: 14px;
        min-width: 140px;
        justify-content: center;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.2s ease;
    }
    
    .loading.active {
        visibility: visible;
        opacity: 1;
    }

    .status-info {
        display: none;
        font-size: 14px;
        color: #333;
        margin-right: 12px;
        white-space: nowrap;
    }

    .status-info.active {
        display: inline-flex;
        align-items: center;
    }
    
    .spinner {
        border: 3px solid #e0e0e0;
        border-top: 3px solid #667eea;
        border-radius: 50%;
        width: 18px;
        height: 18px;
        animation: spin 1s linear infinite;
        margin: 0;
    }
    
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
    #popupModal {
      display:none; 
      position:fixed; 
      top:10%; 
      left:50%; 
      transform:translateX(-50%);
      background:white; 
      padding:20px; 
      border-radius:8px; 
      box-shadow:0 0 10px rgba(0,0,0,0.3);
      max-height:70%; 
      overflow-y:auto; 
      width:90%; 
      max-width:600px; 
      z-index:9999;
    }
    
    #popupContent {
      white-space:pre-wrap; 
      font-size:14px; 
      max-height:300px; 
      overflow-y:auto; 
      padding-right:10px;
    }